CSS align images and text on same line

by

You can either use (on the h4 elements, as they are block by default)

display: inline-block;

Or you can float the elements to the left/rght

float: left;

Just don’t forget to clear the floats after 

clear: left;

More visual example for the float left/right option as shared below by @VSB:

<h4> 
    <div style="float:left;">Left Text</div>
    <div style="float:right;">Right Text</div>
    <div style="clear: left;"/>
</h4>

More Related Contents:

  1. Responsive image align center bootstrap 3
  2. How to layout images in 3 columns [closed]
  3. Vertically align text next to an image?
  4. Image inside div has extra space below the image
  5. Does UL have default margin or padding [duplicate]
  6. How do I auto-resize an image to fit a ‘div’ container?
  7. Why does my image have space underneath?
  8. Change color of PNG image via CSS?
  9. Is it possible to set the equivalent of a src attribute of an img tag in CSS?
  10. How can I vertically center a div element for all browsers using CSS?
  11. Changing image on hover with CSS/HTML
  12. How can I display just a portion of an image in HTML/CSS?
  13. How to hide image broken Icon using only CSS/HTML?
  14. Center aligning a fixed position div
  15. How can I fill a div with an image while keeping it proportional?
  16. How to get a background image to print using css?
  17. Center image element in parent div
  18. HTML-Tooltip position relative to mouse pointer
  19. CSS Background image not loading
  20. CSS – How to have children in different parents the same height?
  21. Should image size be defined in the img tag height/width attributes or in CSS? [duplicate]
  22. How to replace color of PNG image using CSS? [duplicate]
  23. Width 100% with white borders around it. WHy?
  24. How to center a (background) image within a div?
  25. How to “crop” a rectangular image into a square with CSS?
  26. How to align footer (div) to the bottom of the page? [duplicate]
  27. CSS Border on PNG image with transparent parts
  28. Why use a sprite sheet rather than individual images?
  29. Use the HTML tag as a background image instead of the CSS background-image property?
  30. How to center image in a div horizontally and vertically

Leave a Comment