JSFiddle - React, Tailwind, and code Playground

by jhorvath

HTML

<div class="container">
    <div class="column1">Column 1</div>
    <div class="column2">Column 2</div>
    <div class="clear"></div>
</div>
<svg width="100" height="100">
  <circle cx="50" cy="50" r="40" stroke="green" stroke-width="4" fill="yellow" />
</svg>

CSS

.container{
    height: 200px;
    border: 1px solid gainsboro;
}
.column1 {
    float: left;
    background-color: aliceblue;
}
.column2 {
    background-color: goldenrod;
}
.clear {
    clear: both;
}