div元素默认是占整行的，要想并排显示，有以下2种方法：
1、float。但是float会有一系列副作用（待补充）。
2、设置display:inline,使它成为行内元素；
display:inline
1、inline元素不会独占一行，多个相邻的行内元素会排列在同一行里，直到一行排列不下，才会新换一行，其宽度随元素的内容而变化。
2、inline元素设置width,height属性无效。
3、inline元素的margin和padding属性，水平方向的padding-left, padding-right, margin-left,
margin-right都产生边距效果；但竖直方向的padding-top, padding-bottom, margin-top,
margin-bottom不会产生边距效果。
