JSFiddle - React, Tailwind, and code Playground

by Manju06

HTML

<div id="MainDiv">
<div class="row">
<div class="images">
  <img src="http://placekitten.com/301/301" alt="W. Jons Property" width="100px">
</div>
<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Maecenas porta consectetur nisl, sed porta enim ullamcorper eu. Ut id vulputate sem, ac fringilla ligula.</p>
<br>
</div>

<div class="row">
<div class="images">
  <img src="http://placekitten.com/301/301" alt="W. Jons Property" width="100px">
</div>
<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Maecenas porta consectetur nisl, sed porta enim ullamcorper eu. Ut id vulputate sem, ac fringilla ligula.</p>
<br>
</div>



</div>

CSS

.body{
  padding-left: 20%;
  padding-right: 20%;
  font-size: 20px;
  list-style-type: none;
  color: #231427;

}

#MainDiv{
    display:flex;
  flex-direction:column;
 
}
.row{
  display:flex;
  flex-direction:row;
}


.images{
  margin:10px;
  font-size: 20px;
  list-style-type: none;
  color: #231427;
}