CSS-Display：inline-block, clear interspace

Modify the code:Clear the blank of item </div> and <div>

by JSDavi

HTML

<div>
    <div class="aaa">aaaaaa</div>
    <div class="bbb">bbbbbb</div>
    <div class="ccc">ccccccc</div>
</div>
<!-- Modify the code:Clear the blank of </div> and <div> -->
<br>
<div>
    <div class="aaa">aaaaaa
    </div><div class="bbb">bbbbbb
    </div><div class="ccc">ccccccc</div>
</div>

CSS

.aaa{
    display:inline-block; 
    width:25%;
    background-color:blue;
}
.bbb{
    display:inline-block; 
    width:50%;
    background-color:red;
}
.ccc{
    display:inline-block; 
    width:25%;
    background-color:green;
}