<div id="cabecalho">

Exemplo de layout com 3 colunas em CSS

Colunas lado a lado

<div id="conteudo-1">
  • Etiam et eros rutrum arcu
  • Integer bibendum elit
  • Cras vel odio id
  • Curabitur tempus
  • Praesent
  • Nulla nec
  • Fusce egestas
<div id="conteudo-2-1">

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Donec sagittis scelerisque ipsum at dignissim. Curabitur eu lacus eget odio sagittis eleifend. Mauris sed ullamcorper urna. Nullam vitae mi ut felis pulvinar dapibus. Donec sit amet velit ut diam malesuada blandit. Integer sit amet feugiat lacus. Maecenas iaculis porta ullamcorper. Donec in mattis est. Ut quis dignissim purus. Etiam dapibus justo in purus imperdiet hendrerit. Phasellus tempor molestie magna a malesuada. Sed ac tincidunt dui. Curabitur et tortor quam, eu vestibulum arcu. Nullam placerat malesuada odio vel tincidunt. Nam tincidunt, nisi ut dictum interdum, est arcu venenatis lorem, a rhoncus turpis lacus ac sapien. Vivamus ut ligula eget lorem consectetur hendrerit a at magna. Mauris vel libero eget urna malesuada eleifend elementum a mauris. Sed eu mi vitae urna volutpat euismod quis at augue. Nunc convallis magna in velit luctus adipiscing.

Morbi sit amet dolor eget sem rutrum interdum. Nulla vehicula tortor eu dolor sodales gravida. In rutrum placerat magna, ac ullamcorper justo porta ac. Mauris nec erat ac lorem auctor ultrices et eget dui. Ut euismod fringilla congue. Nunc sit amet vestibulum dui. In eu felis at mi sagittis varius. Donec id enim sit amet nibh aliquam auctor a in leo. Nam posuere pharetra posuere. Duis porttitor diam vel nulla tempor nec aliquet libero placerat. Cras eros dolor, elementum vitae porttitor sed, posuere placerat est. Integer sed lacus vel ante feugiat sollicitudin. Nunc commodo, libero quis imperdiet ultrices, erat odio condimentum metus, a laoreet tortor urna sed orci. Proin varius iaculis tincidunt. Ut dignissim imperdiet mattis. Praesent quis ligula sit amet erat ullamcorper tristique non at massa. Proin blandit lorem quis purus congue luctus.

<div id="conteudo-2-2">
  • Lorem ipsum dolor sit amet, consectetur adipiscing elit.
  • Quisque sit amet nisi massa, eget rhoncus nisl.
  • Pellentesque varius consequat est, eget ornare massa luctus eget.
  • Suspendisse vitae augue neque, eu dignissim nisl.
  • Sed a quam at massa consequat mollis.
  • Praesent sodales dui nec justo auctor dapibus.
<div id="rodape"> Exemplo de layout com trĂªs colunas
Carlos Eduardo - kadu | kadunew.com/blog