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
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