css中使块级元素同行显示

提问：我们如何使两个块级元素位于同一行？

回答：

1.设置float属性\(^o^)/~

将块级元素的css格式设置为float：left/right，比如，有两个panel，panelA和panelB，想要使其位于同一行，只需要设置A的css格式为float：left/right即可。（注：只是设置A的float属性哦，若设置了B的float属性，则B后面的元素也会与其位于同一行。），若使用该方法，则两个块级元素紧挨着。效果示例：


2.设置display为inline-block，即编写css代码为display:inline-block.使用该方法，两个块级元素中间有一定间隔。注意，该方法与上一方法相同，仍然需要设置A的display属性，而非B的属性。效果示例：