@DrDoc: so we can't use <br> with inline? it seems like so.
@Fotiman: I just tried, it worked (or just like DrDoc said, I just need to remove <br> tag), but my main goal is to add a line break (in between texts) to one div while keeping the other divs where they are. Otherwise one div will keep getting wider and wider (with texts) while the one after it will have no room left and gets push down 1 line.
Example below: here "second" div will be pushed down to second line even though it is inlined. then "third" div will be in both 2nd and 3rd line.
border: 1px solid #cc0000;
border: 1px solid purple;
border: 1px solid #0000cc;
display: block asd as asdasd asd asdasdas
<div class="second">display: inline asdasd asd asdasdas</div>
<div class="third">display: inline</div>
any idea? I want all DIVs to stay on top and whichever has texts longer than the div default width will break and go to a new line.