JSFiddle - React, Tailwind, and code Playground

by mqchen

HTML

<!DOCTYPE html>
<html>
    <head>    
    </head>
    <body>
    <div class="content">
        <div class="images">&nbsp;</div>
        <p><strong>List:</strong></p>
        <ul>
            <li>1 item</li>
            <li>2 item</li>
            <li>3 item</li>
            <li>4 item</li>
            <li>5 item</li>
            <li>6 item</li>
            <li>7 item</li>
        </ul>
        <div class="clear"></div>
    </div>
    </body>
</html>

CSS

html, body {
    width:100%;
    padding:0px;
    margin:0px;
}

.content {
    width:960px;
    border:1px dashed red;
    margin:auto;
}

.content li {
    list-style-position: inside;
}

.images {
    float:left;
    width:320px;
    height:120px;
    background-color:#e1e1e1;
}

.clear {
    clear:both;
}