JSFiddle - React, Tailwind, and code Playground

HTML

<div class="outer">
        <div class="cont">
            <img src="http://www.placehold.it/100" />
            <img src="http://www.placehold.it/100" />
            <img src="http://www.placehold.it/100" />
            <img src="http://www.placehold.it/100" />
            <img src="http://www.placehold.it/100" />
            <img src="http://www.placehold.it/100" />
            <img src="http://www.placehold.it/100" />
        </div>
    </div>

    <div class="outer">
        <div class="cont">
            Imaverylongwordandusealotofspace Imaverylongwordandusealotofspace Imaverylongwordandusealotofspace Imaverylongwordandusealotofspace
        </div>
    </div>

CSS

div.outer {
    border: 1px solid red;
    padding: 10px;
    text-align: center;
    margin: 0 auto;
}
div.cont {
    border: 1px solid #000;
    background: #ddd;
    margin: 0 auto;
    display: inline-block;
    text-align: left;
}
.cont img {
    margin: 10px;
}