Tools for CSS layout

1. Keep lines for all different sizes fonts: Baseline Rhythm Calculator

2. Horizontal layout

body {
font-size: 12px;
line-height: 1.6666666666666667em;
margin: 0; padding: 0
}
h1 {
margin: 0;
font-size: 1.6666666666666667em;
line-height: 1em;
margin-bottom: 1em;
}
h2 {
margin: 0;
font-size: 1.5em;
line-height: 1.1111111111111112em;
margin-bottom: 1.1111111111111112em;
}
h3 {
margin: 0;
font-size: 1.3333333333333333em;
line-height: 1.25em;
margin-bottom: 1.25em;
}
h4 {
margin: 0;
font-size: 1.1666666666666667em;
line-height: 1.4285714285714286em;
margin-bottom: 1.4285714285714286em;
}
p, ul, blockquote, pre, td, th, label {
margin: 0;
font-size: 1em;
line-height: 1.6666666666666667em;
margin-bottom: 1.6666666666666667em;
}
p.small {
margin: 0;
font-size: 0.8333333333333334em;
line-height: 2em;
margin-bottom: 2em;
}
table {
border-collapse: collapse;
margin-bottom: 1.6666666666666667em;
}