make an image and a paragraph sit next to each other

html alignment image paragraph
JamesTBennett picture JamesTBennett · Jun 24, 2010 · Viewed 68.5k times · Source

I have a box with an image and some txt and I want the txt to be horizontal to the image. I know this may be a pretty easy question but I can't seem to find a good answer on the interwebs. thanks for any help.

<div id='container'>
 <img src='someimage.jpg'/>
 <p>some text</p>
</div>

Answer

Rowland Shaw picture Rowland Shaw · Jun 24, 2010

Take a look at CSS's float property, for example:

<div id='container'>
 <img src='someimage.jpg' style='float: left;'/>
 <p>some text (that will now wrap around the image</p>
</div>

Related questions

Responsive image align center bootstrap 3

I do a catalog using Bootstrap 3. When displayed on tablets, the product images look ugly because of their small size (500x500) and a width of 767 pixels in the browser. I want to put the image in the center of the …

Read More
CSS align images and text on same line

I have been searching and trying different methods for hours now. I just can't seem to get these two images and text all on one line. I want both the images and both text to all be on one line …

Read More
HTML image bottom alignment inside DIV container

I have a div tag with a fixed height. Most of the images have the same height and width. I want to align the images at the bottom of the div so that they are nicely arranged. Here is what …

Read More