JSFiddle - React, Tailwind, and code Playground

HTML

<div id="container">
            <div id="holder">
                <div class="thumbnail"></div>
                <div class="thumbnail"></div>
                <div class="thumbnail"></div>
                <div class="thumbnail"></div>
                <div style="clear:both;"></div>
                <div class="expandedHolder">
                    <div class="fullImage"></div>
                    <div class="text">some text here. some text here.</div>
                    <div style="clear:both;"></div>
                </div>
                <div style="clear:both;"></div>
            </div>
        </div>

CSS

#container
            {
                width:600px;
                border:1px solid black;
                text-align:center;
            }
            #holder
            {
                display: inline-block;
                border:2px solid blue;
            }
            .thumbnail
            {
                float:left;
                width:100px;
                height:100px;
                background-color:red;
                margin-right:10px;
                margin-bottom:10px;
            }
            .expandedHolder
            {
                padding:10px;
                border:2px solid yellow;
                margin-bottom:10px;
                margin-right:10px;
            }
            .fullImage
            {
                float:left;
                width:250px;
                height:200px;
                background-color:green;
            }
            .text
            {
                float:left;
                margin-left:10px;
            }