Family Magazine

Aligning Text to the Side of an Image – with Inline CSS and HTML

By Geoff Griffiths @mmatraining1980

Had to do this using inline styles to override stuff in the stylesheet etc

<div style="display: flex; align-items: center; margin-top: 0px; margin-bottom: 0rem;">
  <div style="flex: 1; margin-right: 20px;">
    <h3 style="margin-bottom: 0.4rem;">FIFA La</h3>
     lalalalalallal llalalalal lalalalala text tetxt adfadffffffffffffffffffffffffffffffsssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssss fdssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssss gggggggggggggggggggggggggggggggggggggggggggggggggggggggg gggggggggggggggggggggggggggggggggggggggggggI love devs sdasggggggggggggg words and words 4 evs devs 
  <img src="" style="max-width: 250px; flex-shrink: 0;">

Obviously, you probably want to change the parapraph text in the <p> and </p> tags and the header in <h3> tags and the image URL

Back to Featured Articles on Logo Paperblog