span

a

display: inline-block;

display: block;

#body {
    background: url(../images/bg.jpg) top left repeat-y;
}

#nav li {
    list-style: none;
    float: left;
    padding: 0 15px 0 0;
}

.main-inner div

box-sizing: border-box

.clearfix::after {
  content: "";
  clear: both;
  display: block;
}

<i style="display:block;clear:both"></i>

div p {
  background-color: yellow;
}

<p>

<div>

.class1 .class2 h2{
    color: red;
}

<h2>

.class2

.class1

h2

cl1

cl2

.cl1.cl2 h2{
    color: red;
}

<td style="width:32">