Could a CSS expert help me with something? Please. (2 posts)

  1. slobizman
    Posted 7 years ago #

    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>
    #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.)

  2. slobizman
    Posted 7 years ago #

    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.

Topic Closed

This topic has been closed to new replies.

About this Topic