JSFiddle - React, Tailwind, and code Playground

by stevebeauge

HTML

<h1>Good way :</h1>

<div id="master">
    <div id="picture">
        <img src="http://fpoimg.com/300x300?text=some picture" />
    </div>
    <div id="content">
        <div class="someclass">Some text</div>
        <div class="someclass">Some text</div>
        <div class="someclass">Some text</div>
        <div class="someclass">Some text</div>
        <div class="someclass">Some text</div>
        <div class="someclass">Some text</div>
        <div class="someclass">Some text</div>
        <div class="someclass">Some text</div>
        <div class="someclass">Some text</div>
        <div class="someclass">Some text</div>
        <div class="someclass">Some text</div>
        <div class="someclass">Some text</div>
        <div class="someclass">Some text</div>
        <div class="someclass">Some text</div>
        <div class="someclass">Some text</div>
        <div class="someclass">Some text</div>
        <div class="someclass">Some text</div>
        <div class="someclass">Some text</div>
        <div class="someclass">Some text</div>
    </div>
</div>

<h1>Bad way :</h1>

<table>
    <tr>
        <td style="vertical-align:top">
            <div id="picture">
                <img src="http://fpoimg.com/300x300?text=some picture" />
            </div>
        </td>
        <td>
            <div class="someclass">Some text</div>
            <div class="someclass">Some text</div>
            <div class="someclass">Some text</div>
            <div class="someclass">Some text</div>
            <div class="someclass">Some text</div>
            <div class="someclass">Some text</div>
            <div class="someclass">Some text</div>
            <div class="someclass">Some text</div>
            <div class="someclass">Some text</div>
            <div class="someclass">Some text</div>
            <div class="someclass">Some text</div>
            <div class="someclass">Some text</div>
            <div class="someclass">Some text</div>
            <div...

CSS

#picture {
    float:left;

}
#content {
    border:solid thin red;
    padding:10px;
        overflow:auto;
}
.someclass {
    border:solid thin green;
}