How can I make a paragraph in HTML not go on a new line?

Posted by Anne on Stack Overflow See other posts from Stack Overflow or by Anne
Published on 2012-11-29T10:52:42Z Indexed on 2012/11/29 11:04 UTC
Read the original article Hit count: 163

Filed under:
|

I have the following html:

<span class="icon-top-margin-4 margin-right sprite-book-open"></span>
<p>Topic: No Topic Title</p>

and CSS:

.icon-top-margin-4 {
    background-color: red;
    content: " ";
    background-image: url(/Images/fugue/sprite.png);
    background-repeat: no-repeat;
    display: inline-block;
    height: 16px; 
    vertical-align:bottom;
    width: 16px;
    line-height: 16px;
}

.sprite-book-open{ background-position: 0 -288px;  } 

What I would like is for the paragraph to start after the icon but it starts on a new line. Is there a way that I can make it start on the same line as the icon? I did try float left on the paragraph but that makes it go before the icon.

© Stack Overflow or respective owner

Related posts about html

Related posts about css