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.

Related Contents:

  1. Is it possible to set the equivalent of a src attribute of an img tag in CSS?
  2. Responsive image align center bootstrap 3
  3. Is there an equivalent to background-size: cover and contain for image elements?
  4. Setting a max character length in CSS
  5. How to “crop” a rectangular image into a square with CSS?
  6. Fill SVG path element with a background-image
  7. Is element block level or inline level?
  8. How can I fill a div with an image while keeping it proportional?
  9. How can I display just a portion of an image in HTML/CSS?
  10. How to center a (background) image within a div?
  11. img tag displays wrong orientation
  12. How can I resize an image to a percentage of itself with CSS?
  13. Optimal settings for exporting SVGs for the web from Illustrator?
  14. Scale image to fit a bounding box
  15. How can I make all images of different height and width the same via CSS?
  16. HTML: Changing colors of specific words in a string of text
  17. How to apply a color to a SVG Text element
  18. How to strike through obliquely with css
  19. Removing whitespace between HTML elements when using line breaks
  20. Should image size be defined in the img tag height/width attributes or in CSS? [duplicate]
  21. How to get images in Bootstrap’s card to be the same height/width?
  22. Making text background transparent but not text itself
  23. CSS: How can I set image size relative to parent height?
  24. How to set max width of an image in CSS
  25. CSS no text wrap
  26. Make an image responsive – the simplest way [duplicate]
  27. What is the effect of encoding an image in base64?
  28. How to make in CSS an overlay over an image?
  29. Changing image on hover with CSS/HTML
  30. Add padding to HTML text input field
  31. How to break word after special character like Hyphens (-)
  32. download webpage and dependencies, including css images [closed]
  33. css: avoid image hover first time blinking
  34. How to auto-resize an image while maintaining aspect ratio
  35. How does one use the onerror attribute of an img element
  36. Changing the highlight color when selecting text in an HTML text input
  37. CSS align images and text on same line
  38. How to center a element inside a container?
  39. Align image to left of text on same line – Twitter Bootstrap3
  40. Is it possible to set a src attribute of an img tag in CSS?
  41. HTML image bottom alignment inside DIV container
  42. CSS Border on PNG image with transparent parts
  43. CSS Always On Top [closed]
  44. Floating an image to the bottom right with text wrapping around
  45. Image scaling causes poor quality in firefox/internet explorer but not chrome
  46. CSS Background image not loading
  47. Stretch image to fit full container width bootstrap
  48. onerror event using background: url()
  49. Create a circle avatar from a rectangle image keeping proportions and just using centre of image
  50. How do I automatically resize an image for a mobile site?

Leave a Comment