How to place Text and an Image next to each other in HTML?

by 
img {
    float:left;
}
h3 {
    float:right;
}

jsFiddle example

Note that you will probably want to use the style clear:both on whatever elements comes after the code you provided so that it doesn’t slide up directly beneath the floated elements.

More Related Contents:

  1. Black image fade over image [duplicate]
  2. When to use IMG vs. CSS background-image?
  3. Fill SVG path element with a background-image
  4. What is the effect of encoding an image in base64?
  5. CSS Display an Image Resized and Cropped
  6. Is element block level or inline level?
  7. Removing whitespace between HTML elements when using line breaks
  8. Should I specify height and width attributes for my IMGs in HTML?
  9. Setting a max character length in CSS
  10. Make an image responsive – the simplest way [duplicate]
  11. How can I make all images of different height and width the same via CSS?
  12. How to stop text from taking up more than 1 line?
  13. CSS image resize issue
  14. Floating an image to the bottom right with text wrapping around
  15. HTML: Changing colors of specific words in a string of text
  16. Dual-Color Text
  17. Scale image to fit a bounding box
  18. img tag displays wrong orientation
  19. How does one use the onerror attribute of an img element
  20. Image scaling causes poor quality in firefox/internet explorer but not chrome
  21. How to change an image on click using CSS alone?
  22. How to strike through obliquely with css
  23. How to use an tag inside a in the middle of a text? [duplicate]
  24. How can I resize an image to a percentage of itself with CSS?
  25. CSS align images and text on same line
  26. How to auto-resize an image while maintaining aspect ratio
  27. download webpage and dependencies, including css images [closed]
  28. Why use a sprite sheet rather than individual images?
  29. How to forcefully print background image in HTML?
  30. Setting the image `width: 0` hides it, while `width: 0%` makes it occupy the space, too

Leave a Comment