JSFiddle - React, Tailwind, and code Playground

lynda.com CSS #1 - floats

by Pritam Bohra

HTML

<div class="parent-element">  
  <img src="https://unsplash.it/80" alt="placeholder image">
  <p>Long paragraph. Lorem ipsum dolor sit amet, consectetur adipisicing elit. Pariatur voluptatem culpa accusantium blanditiis consequuntur. Lorem ipsum dolor sit amet, consectetur adipisicing elit. Pariatur voluptatem culpa accusantium blanditiis consequuntur. Lorem ipsum dolor sit amet, consectetur adipisicing elit. Pariatur voluptatem culpa accusantium blanditiis consequuntur. Lorem ipsum dolor sit amet, consectetur adipisicing elit. Pariatur voluptatem culpa accusantium blanditiis consequuntur.</p>
  <p>Short paragraph. Consectetur adipisicing elit. Pariatur voluptatem culpa accusantium blanditiis consequuntur.</p>
  
  <h1>Heading</h1>
  <p>Lorem ipsum dolor sit amet, <a href="#">link</a> adipisicing elit.</p>
</div>

CSS

.parent-element {
  background: pink;
  /* overflow: hidden; */
}
img {
  /* float: left; */
  /* margin-right: 15px; */
}
h1 {
  /* clear: both; */
}