Boxes
Pre für CSS codes
a img {
border: none;
}
a:link {
color: #42413C;
text-decoration: underline;
}
a:visited {
color: #6E6C64;
text-decoration: underline;
}
a:hover, a:active, a:focus {
text-decoration: none;
}
.container {
width: 465px;
background: #f9f9f9;
margin: 0 auto;
padding:40px;
}
1. get the code
<pre>
Dazwischen Ihr CSS code
</pre>
Blockquote
Maecenas metus. Vivamus diam purus, cursus a, commodo non, facilisis vitae, nulla. Aenean dictum lacinia tortor. Nunc iaculis, nibh non iaculis aliquam, orci felis euismod neque, sed ornare massa mauris sed velit.
Mehr informationen: zum Thema
2. get the code
<p>Your text goes here...</p>
<cite>more: <a href="#"> zum Thema</a></cite>
</blockquote>
address
Maecenas metus. Vivamus diam purus, cursus a, commodo non, facilisis vitae, nulla. Aenean dictum lacinia tortor. Nunc iaculis, nibh non iaculis aliquam, orci felis euismod neque, sed ornare massa mauris sed velit.
3. get the code
<p>Your Text goes here...</p>
</address>
Drei Boxen
Maecenas metus. Vivamus diam purus, cursus a, commodo non, facilisis vitae, nulla. Aenean dictum lacinia tortor. Nunc iaculis, nibh non iaculis aliquam, orci felis euismod neque, sed ornare massa mauris sed velit.
Maecenas metus. Vivamus diam purus, cursus a, commodo non, facilisis vitae, nulla. Aenean dictum lacinia tortor. Nunc iaculis, nibh non iaculis aliquam, orci felis euismod neque, sed ornare massa mauris sed velit.
Maecenas metus. Vivamus diam purus, cursus a, commodo non, facilisis vitae, nulla. Aenean dictum lacinia tortor. Nunc iaculis, nibh non iaculis aliquam, orci felis euismod neque, sed ornare massa mauris sed velit.
4. get the code
<div class="col-168-1">
<p>Your Text...</p>
</div>
<div class="col-168-2">
<p>Your Text...</p>
</div>
<div class="col-168-3">
<p>Your Text...</p>
</div>
