Style and HTML code that lets multiple div appear on the same line

The implementation of multiple div in the same row of the application is still more extensive, so do an example, beginners can refer to, hope to help you

The following are CSS styles:

Copy Code code as follows:
div{
margin-bottom:10px;
Clear:both;
Word-break:break-all;
Word-wrap:break-word;
}

Copy Code code as follows:

<pre name= "code" class= "CSS" ><!--width Specifies the width of each div occupied--></pre& gt;. Custom_div{height:23px;width:50px;line-height:23px;float:left;}
<pre></pre>

The following is the HTML code:
[Code]
<pre name= "code" class= "HTML" >
<div id= "pid" >
<div id= "D1" class= "Custom_div" >jelly1</div>
<div id= "D2" class= "Custom_div" >jelly2</div>
<div id= "D3" class= "Custom_div" >jelly3</div>
</div></pre>