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.

HTML Code:

<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

Thread: 2 different fonts on same line

Thread Tools

Search Thread

2 different fonts on same line

Bookmarks

Bookmarks

Posting Permissions