Log in

View Full Version : Resolved 2 different fonts on same line


mcolton
08-06-2009, 12:45 PM
I've been cleaning up my code and validating my pages in xhtml and run across a problem. how do I code the following line (appears on 1 line only) using style:

Mission Statement:Have fun

And how do I code this 1 line:

Mission Statement:Have Fun

Thanks for any help
forum_amnesiac
08-06-2009, 01:45 PM
Is this the type of thing you mean when you say you want to get that effect using style.


<style>

.large_font{
font-size: 18pt;
}

.small_font{
font-size: 12pt;
}

</style>
</head>

<body>

<span class="large_font">
Mission Statement:
</span>
<span class="small_font">
Have fun
</span>

To get either class in italics just add font-style:italic; into the relevant class in the style section
mcolton
08-06-2009, 03:00 PM
Thanks. I knew it was easy I just couldn't get it to work