How do I display two divs in the same row? One float.

Recently I have been studying Div and CSS and encountered some problems that have solved many problems that I previously thought were hard to solve. For example, how do I display two divs in the same row? (Not using table tables, but table is not very friendly to SE) In fact, <div> is a block-level element, that is, a browser usually places a line break before and after the DIV element. You can add a property float: left. The Demo code is as follows:

<Div> <Div style = "float: Left; width: 100px; Border: 2px solid # aa00ff;"> first Div </div> <Div style = "float: left; width: 100px; Border: 2px solid # 0033ff; "> second Div </div>

The implementation result is as follows:

First Div second Div

 

How about it, isn't it easy?

How do I display two divs in the same row? One float.