Color Distributor control

by Nick Karnik

HTML

<div class="colorDistribution">
    <div class="color red">0.01 %</div>
    <div class="color blue">8134</div>
    <div class="color">0.5</div>
    <div class="color red">0.4</div>
</div>

CSS

.colorDistribution{
    max-width:300px;
    min-width:auto;
    background-color: white;
    position: absolute;
    border: 1px dotted black;
} 

.color{
    border: 1px solid black;
    text-align:center;
    padding: 15px;
    margin: 5px;
    color: white;
    font-weight: bold;
}