CSS align images and text on same line

Question

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

Answer 1

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:

 
    
Left Text
    
Right Text