The normal way to do this is to separate the text content that you want aligning into their own
div
areas (div being the HTML tag that you would apply). Each of these tags would have their own styling simply by giving them unique
id
s*.
Now, the interesting thing with stylesheets is that they are cascading - this means that you can define a base style which gets applied to all the
div
elements, and then you simply need to apply your custom styling to those elements that need to be different:
@font-face
{
font-family: MyFont;
source: ('SegoUI.ttf');
}
div {
font-family: MyFont, verdana, arial, helvetica, sans-serif;
font-size: 0.98em;
text-align: justify;
}
div.standout {
font-size: 1.2em;
font-weight: bold;
text-align: right;
}
*This is a slight redundancy because an
id
must be unique in HTML. If you need to apply the same style to more than one element you would use a
class
instead.