Como ahorrar espacio en tu blog

Para lograr este efecto no hace falta ninguna clase CSS ni nada por el estilo solo es nesesario utilizar un codigo HTML para hacer funcionar algo como esto:(hasta podrias poner un post dentro de esto)

Lorem-ipsum

Nam scelerisque facilisis leo. Fusce eleifend. Duis magna dui, fringilla at, mollis non, egestas id, mi. In auctor est quis augue. Proin sollicitudin erat. Donec vel ante. Maecenas molestie, eros pretium congue nonummy, libero ante pretium magna, id cursus libero lorem vel nulla. Maecenas at ipsum at lectus mattis ultricies. Donec justo. Aenean posuere, turpis at adipiscing ullamcorper, metus magna aliquet augue, ac tempor libero massa at ligula. Mauris eget dolor. Curabitur vulputate gravida purus. Suspendisse purus.



Maecenas lacinia. Nunc ultricies. Vestibulum consectetuer. Suspendisse potenti. Donec leo. Sed tristique. Maecenas vestibulum nisi a ligula. Maecenas lobortis, metus non dignissim blandit, risus ante interdum metus, a vestibulum pede lacus tincidunt orci. Vivamus sodales semper purus. Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas. Integer et nulla. Cras ut magna vel erat volutpat dictum. Nam et pede. Ut at mauris. Sed scelerisque dui in dui. Praesent dignissim. Mauris semper, quam sed auctor auctor, eros pede volutpat mauris, eget rhoncus nulla lorem non justo. Sed pede massa, auctor vitae, dictum vel, ornare molestie, diam. Aenean purus nibh, dapibus et, consectetuer sit amet, consectetuer ut, tellus.



Sed sapien. Donec in diam. Praesent neque. Pellentesque risus massa, lobortis nec, aliquam non, adipiscing nec, sapien. Proin tortor. Class aptent taciti sociosqu ad litora torquent per conubia nostra, per inceptos hymenaeos. Proin lacinia. Nulla facilisi. Ut blandit tellus sed nunc. Vestibulum ante ipsum primis in faucibus orci luctus et ultrices posuere cubilia Curae; Aenean blandit. Sed laoreet viverra lorem. Maecenas pretium posuere lectus. Ut at neque rhoncus nulla vulputate lacinia. Sed porttitor aliquam sem. In sit amet orci id turpis nonummy rhoncus. Vivamus mauris orci, viverra id, aliquam at, volutpat vel, enim. In augue nunc, pretium et, dapibus nec, fringilla nec, turpis. Vestibulum elementum convallis orci.



Duis venenatis. Proin at purus nec leo feugiat iaculis. Etiam interdum ultrices dui. Sed orci odio, cursus in, egestas ut, lobortis quis, purus. Ut feugiat quam ut mauris. Nullam et mi. Vestibulum ante ipsum primis in faucibus orci luctus et ultrices posuere cubilia Curae; Vivamus et odio. Duis consequat pede sit amet odio. Morbi id risus. Proin egestas porta tellus. Nullam nonummy urna id justo. Curabitur vulputate massa nec augue.



Morbi id eros sit amet eros bibendum pulvinar. Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Sed justo dui, convallis at, luctus in, consequat quis, massa. Nam aliquam facilisis augue. Nullam arcu. Nullam euismod, lacus vel feugiat tincidunt, nunc arcu ullamcorper odio, ut pretium neque diam vel sem. Nulla rhoncus justo eu sem. Nullam vehicula urna. Vivamus sed risus ac enim tempor pellentesque. In dictum justo ac nulla. Cras tincidunt. Vestibulum gravida risus. Donec sollicitudin pulvinar nisl. Donec imperdiet arcu sed elit. Duis venenatis dolor eu dui. Quisque tempor. Fusce non augue. In hac habitasse platea dictumst. Ut quis risus. Suspendisse mollis, dolor vel placerat sollicitudin, tellus leo pulvinar dolor, sed dapibus nisl tortor quis tellus.

Solo debes usar este codigo o personalizarlo:

<div style="overflow:auto; width:ancho(px); height:alto(px);">
Tus contenidos
</div>

Personalizaciones:

Morbi id eros sit amet eros bibendum pulvinar. Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Sed justo dui, convallis at, luctus in, consequat quis, massa. Nam aliquam facilisis augue. Nullam arcu. Nullam euismod, lacus vel feugiat tincidunt, nunc arcu ullamcorper odio, ut pretium neque diam vel sem. Nulla rhoncus justo eu sem. Nullam vehicula urna. Vivamus sed risus ac enim tempor pellentesque. In dictum justo ac nulla. Cras tincidunt. Vestibulum gravida risus. Donec sollicitudin pulvinar nisl. Donec imperdiet arcu sed elit. Duis venenatis dolor eu dui. Quisque tempor. Fusce non augue. In hac habitasse platea dictumst. Ut quis risus. Suspendisse mollis, dolor vel placerat sollicitudin, tellus leo pulvinar dolor, sed dapibus nisl tortor quis tellus.

Morbi id eros sit amet eros bibendum pulvinar. Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Sed justo dui, convallis at, luctus in, consequat quis, massa. Nam aliquam facilisis augue. Nullam arcu. Nullam euismod, lacus vel feugiat tincidunt, nunc arcu ullamcorper odio, ut pretium neque diam vel sem. Nulla rhoncus justo eu sem. Nullam vehicula urna. Vivamus sed risus ac enim tempor pellentesque. In dictum justo ac nulla. Cras tincidunt. Vestibulum gravida risus. Donec sollicitudin pulvinar nisl. Donec imperdiet arcu sed elit. Duis venenatis dolor eu dui. Quisque tempor. Fusce non augue. In hac habitasse platea dictumst. Ut quis risus. Suspendisse mollis, dolor vel placerat sollicitudin, tellus leo pulvinar dolor, sed dapibus nisl tortor quis tellus.

<div style="float:left; overflow:auto; width:ancho; height:alto;">
Tu Contenido Izquierdo
</div>
<div style="float:right; overflow:auto; width:ancho; height:alto;">
Tu Contenido derecho
</div>

Y para usarlo con bordes:

De los bosques no solo obtenemos una serie de bienes y servicios indispensables para nuestra supervivencia: alimentos vegetales y animales, maderas, medicamentos y muchos productos más. Los bosques juegan un papel fundamental en la regulación climática, el mantenimiento de las fuentes y caudales de agua y la conservación de los suelos. Por ello, las selvas y demás bosques son posiblemente el patrimonio natural más importante pero también el más amenazado y depredado por la mano del hombre.

<div style="overflow:auto; width:ancho; height:alto; border: 1px dotted #0000FF;">
Tus contenidos
</div>

Puedes cambiar sus tipos de bordes (Proximamente tutorial de CSS y HTML) solo denme tiempo