html align box

html align box

by Mani Deep

HTML

<div id='status' style="text-align: center;"><span class="box-inline-block" style="background-color:lightgreen"><b>A</b></span><span class="box-inline-block" style="background-color:lightgreen"><b>B</b></span></div>
    
    
    
<div id='status' style="text-align: center;"><b>No Milestones Defined</b></div>

<div id='status' style="text-align: center;"><b>No Milestones Defined</b></div>

<div id='status' style="text-align: center;"><span class="box-inline-block" style="background-color:lightgreen"><b>A</b></span><span class="box-inline-block" style="background-color:red"><b>B</b></span><span class="box-inline-block" style="background-color:yellow"><b>C</b></span><span class="box-inline-block" style="background-color:"><b>D</b></span><span class="box-inline-block" style="background-color:"><b>E</b></span><span class="box-inline-block" style="background-color:"><b>F</b></span><span class="box-inline-block" style="background-color:"><b>G</b></span></div>

CSS

.box-inline-block {
    width: 20px;
    height: 15px;
    border: 1px solid;
    position: relative;
    display: inline-block;
}