/*
display:inline 显示为内联样式
display:block 显示为块级样式
display:inline-block 显示为内联块元素，表现为同行显示并且可以修改宽高内外边距等属性
*/
<div>
div
</div>
<div>
div1
</div>
<a href="#">a1</a>
<a href="#">a2</a>
<a href="#">a3</a>
<a href="#">a4</a>
div{
border:1px solid;
}
a{
display:block;
width:50px;
height:30px;
}