html.de - Padding TXT neben Float IMG

by SpiceLab

HTML

<div class="container">
  <div class="same-lane-container">
    <div class="same-lane">
      <img src="http://www.nature-rings.de/media/product/29/elefant_hires.jpg" alt=""/>
      <h1>Hallo Elefant - töröööööööh</h1>
    </div>
  </div>
</div>

CSS

.container {
    max-width: 1200px;
    margin-left: auto;
    margin-right: auto; 
} 
  .same-lane {
    display:flex;
    align-items:flex-start
}
  .same-lane h1 {
    position: relative;
    margin: 0 0 0 20px;
    background:red
}