JSFiddle - React, Tailwind, and code Playground

by Vimla Ramdoo

HTML

<h1>Mauritius Flag</h1>
<div id="svg-flag">
    <svg width="200" height="100">
        <rect width="200" height="20" style="fill:rgb(255,0,0);" x="10" y="0" />
        <rect width="200" height="20" style="fill:rgb(0,0,255);" x="10" y="20" />
        <rect width="200" height="20" fill="yellow" x="10" y="40" />
        <rect width="200" height="20" style="fill:rgb(0,255,0);" x="10" y="60" />
    </svg>
</div>

<div id="img-flag">
    <img src="http://upload.wikimedia.org/wikipedia/commons/thumb/7/77/Flag_of_Mauritius.svg/2000px-Flag_of_Mauritius.svg.png" width="200" height="80" />
</div>

CSS

#svg-flag {
    float: left;
}

#img-flag {
    
}