JSFiddle - React, Tailwind, and code Playground

by skip405

HTML

<div>
    <img src="http://placehold.it/300x50" alt="" />
    <ul>
        <li>list item 1</li>
        <li>list item 2</li>
        <li>list item 3</li>
        <li>list item 4</li>
        <li>list item 5</li>
        <li>list item 6</li>
        <li>list item 7</li>
        <li>list item 8</li>
        <li>list item 9</li>
    </ul>
    <p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Ex voluptatibus qui perspiciatis non nostrum cupiditate repellendus praesentium corporis sequi quae minima possimus quisquam. Praesentium est numquam ut quod animi beatae.Lorem ipsum dolor sit amet, consectetur adipisicing elit. Ex voluptatibus qui perspiciatis non nostrum cupiditate repellendus praesentium corporis sequi quae minima possimus quisquam. Praesentium est numquam ut quod animi beatae.</p>
</div>

CSS

img {
    float: left;
    margin-right: 10px;
}

ul {
    overflow: hidden;
}