JSFiddle - React, Tailwind, and code Playground

HTML

<table id="c1">
    <tr>
        <td style="vertical-align: top;">
            <p><img src="http://static.arstechnica.net/assets/2010/10/feat-fallout-vegas-sq-thumb-200x200-17278-f.jpg" alt="" class="image"/>The standard chunk of Lorem Ipsum used since the 1500s is reproduced below for those interested. </p>
        </td>
        <td>
            <ol>
                <li>The standard chunk of Lorem Ipsum used since the 1500s.</li>
                <li>The standard chunk of Lorem Ipsum used since the 1500s.</li>
                <li>The standard chunk of Lorem Ipsum used since the 1500s.</li>
                <li>The standard chunk of Lorem Ipsum used since the 1500s. They are also reproduced in their exact original form</li>
                <li>The standard chunk of Lorem Ipsum used since the 1500s.</li>
            </ol>
        </td>
    </tr>
    <table>

CSS

#c1 { 
    margin: 20px auto;
    text-align: left;
    width: 350px;
    line-height: 1.3em;
}

p {
    color: #333;
    margin-bottom: 10px;
}

img { 
    border: 1px solid #ddd;
    float: left;
    margin : 0 10px 10px 0;
}

ol {
    float: right;
    clear: both;
}

li {
    color: #a07121; 
    list-style: outside circle none;
    margin: 6px 0;
}