JSFiddle - React, Tailwind, and code Playground

by Awais Imran

HTML

<div class="map_view_buttons">
    <a href="draw"><span></span>Draw From Scratch</a>
    <a href="add"><span></span>Add Area</a>
    <a href="edit"><span></span>Edit Area</a>
</div>

CSS

.map_view_buttons{
	float:left;
	}
	.map_view_buttons a{
		display:inline-block;
		padding:3px 10px;
		border-radius:4px;
		-moz-border-radius:4px;
		-webkit-border-radius:4px;
		border:1px solid #a8a8a8;
		font-weight:bold;
		color:#000;
		font-size:12px;
		}
		.map_view_buttons a span{
			display:inline-block;
			width:18px; height:18px;			
			vertical-align:middle;
			margin-right:5px;
            border:1px solid #ccc;
			}
			.map_view_buttons a.draw span{background:red;}
            .map_view_buttons a.draw span{background:orange;}
            .map_view_buttons a.draw span{background:green;}