Support » Everything else WordPress » Could a CSS expert help me with something? Please.

  • Something is driving me crazy! I have the following:

    <div id="headerleft">
    	<a href="<?php echo get_settings('home'); ?>/">
            <span style="color:navy" >word1</span>word2</a>
    </div>
    #headerleft {
    	font-family: Arial;
    	font-size: 64px;
    	font-weight: bold;
            color: firebrick;
    	width: 465px;
    	height: 90px;
    	float: left;
    	margin: 0px;
    	padding: 10px 0px 0px 5px;
    	}

    The two strings of letters “word1” and “word2” string inline just fine in Firefox and IE. However, in Safari it does not stream it inline, but it instead puts the “word2” on a subsequent line.

    I’ve tried adding “display: inline;” in every possible way I can: in #headerleft, in the DIV, in a SPAN, in multiple SPANs. Nothing fixes it in Safari.

    Does anyone have a clue as to how to fix this?

    (Note: all I’m trying to do is color some first letters of a word a different color.)

Viewing 1 replies (of 1 total)
  • Figures, right after I posted this, I figured it out. I guess there is some sort of Safari bug.

    The answer is to add “display: inline-block;” to #headerleft and also to #headerleft a.

Viewing 1 replies (of 1 total)
  • The topic ‘Could a CSS expert help me with something? Please.’ is closed to new replies.