JSFiddle - React, Tailwind, and code Playground

HTML

<div class="container">
<div class="holder">
  <img src="https://www.bmw.com.mt/content/dam/bmw/common/all-models/4-series/gran-coupe/2017/images-and-videos/images/BMW-4-series-gran-coupe-images-and-videos-1920x1200-12.jpg.asset.1519121502869.jpg" class="img1">
  <div class="text">Lorem Ipsum is simply dummy text of the printing </div>
  </div>
</div>

CSS

.container
{
  border: 1px solid;
  padding: 20px;
}
.img1
{
  width: 500px;
  height: 500px;
}
.holder
{
  width: 500px;
  margin: 0 auto;
}
.text/*Uncomment any of these below 3 lines to see the text left-aligned, right-aligned or center-aligned*/
{
   text-align: left;
  /*  text-align: right; */
  /*    text-align: center; */
}