Brechas obligatorias

 







HTML

<div id="zwangsluecke">
<hr class="ff">
<hr class="gg">
<hr class="hh">
<hr class="ii">
<hr class="jj">
<hr class="kk">
</div>

CSS

hr.ff,
hr.gg,
hr.hh,
hr.ii,
hr.jj,
hr.kk {
margin: 0;
padding: 0;
height: 4px;
line-height: 1px;
font-size: 1px;
border: 0 none;
}
hr.ff {
background: violet;
color: violet;
}
hr.gg {
background: red;
color: red; 
}
hr.hh {
background: orange;
color: orange;
}
hr.ii {
background: yellow;
color: yellow; 
}
hr.jj {
background: green;
color: green; 
}
hr.kk {
background: blue;
color: blue; 
}

Con las instrucciones siguientes, uno también puede forzar la representación correcta en IE:

CSS

* html hr.ff,
* html hr.gg,
* html hr.hh,
* html hr.ii,
* html hr.jj,
* html hr.kk {
display: block;
margin-top: -14px; /* Trial and Error! */
}


Índice Capítulo 5
Contenido material adicional