CSS-Span width invalid setting

span‘s style-width, setting invalid;

by JSDavi

HTML

<div>Item-div
    <div class="aaa">111111111</div>
    <br>Item-span
    <br> <span class="bbb">
        2222222
    </span>
 <span class="ccc">
        33333333333
    </span>

</div>

CSS

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