[Solved] Two custom fonts for one word on the same line…

[Historical Forums User]

I’m referencing the coded for this page below:
http://jeffsingerphotography.com/contact/

I’m using fonts.com for custom web fonts. The problem is I have two different custom fonts that I need to use to make up one word. The word should be on one line: REDUXSTOCK

Where “REDUX” is one font and “STOCK” is another.

I have the fonts working properly however, the way it’s working with the code below, they are on separate lines:
REDUX
STOCK

How do I make it so the one word with two custom fonts show up on one line?

You can see my code here:
http://pastebin.com/0hVXCKJt

[Genz]

Hi Goldtop!

REDUX and STOCK are displaying on separate lines because by default <div>s are displayed as Blocks. A very simple way to combat this default CSS styling is to wrap the two words in a tag that by default displays as an Inline element – such as <span>. To accomplish this remove both <div>s and replace them with:

<div>
    <a href="http://archive.reduxpictures.com">
        <span id="reduxstocklogofat">REDUX</span>
        <span id="reduxstocklogoslim">STOCK</span>
    </a>
</div>

[Historical Forums User]

Worked perfectly… Thanks!

[Author]

Posts