<div class="main clearfix">
<div class="block">display:block</div>
<div class="inline">display:inline</div>
<div class="inline-block">display:inline-block</div>
</div>
body{
color:white;
margin:0;
}
.main{
background-color:#eeeeee;
}
.block{
display:block;
background-color:orange;
text-align:center;
padding:1em;
}
.inline{
display:inline;
background-color:blue;
text-align:center;
float:left;
}
.inline-block{
display:inline-block;
background-color:grey;
text-align:center;
padding:2em;
float:left;
}
.clearfix:after {
visibility: hidden;
display: block;
content: " ";
clear: both;
height: 0;
}
Also see: Tab Triggers