JSFiddle - React, Tailwind, and code Playground

by Avijit Kumar

HTML

<div class="cont">
        <div class="cont2">
            <img src="http://www.vector-finder.com/site-images/too_big/fantasy_banner_vector.jpg" />
            <p>Some text here. Some text here. Some text here. Some text here. Some text here. Some text here. Some text here. Some text here. Some text here. Some text here. Some text here. Some text here. Some text here. Some text here. Some text here. Some text here. Some text here. </p>
        </div>
    </div>

CSS

.cont2 {
        display: table;
        margin: 0px auto;
        text-align: center;
    }
    
    .cont2 img {
        max-width: 100%;
        width: 100%;
    }
    
    p {
        padding: 5px 8px;
        caption-side: bottom;
        display: table-caption;
    }