JSFiddle - React, Tailwind, and code Playground

by Vimla Ramdoo

HTML

<h1>Mauritius Flag</h1>
<div id="svg-flag">
    <svg width="400" height="100">
        <rect width="400" height="100" style="fill:rgb(255,0,0);" />
    </svg>
    <svg width="400" height="100">
        <rect width="400" height="100" style="fill:rgb(0,0,255);" />
    </svg>
    <svg width="400" height="100">
        <rect width="400" height="100" fill="yellow" />
    </svg>
    <svg width="400" height="100">
        <rect width="400" height="100" style="fill:rgb(0,255,0);" />
    </svg>
</div>

<div id="img-flag">
    <img src="http://www.mapsofworld.com/images/world-countries-flags/mauritius-flag.gif" />
</div>

CSS

#svg-flag {
    float: left;
}

#img-flag {
    float: right;
}