Columnas en una pagina

Tres columnas en una página

One of three columns. Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.

Two of three columns. Sed ut perspiciatis unde omnis iste natus error sit voluptatem accusantium doloremque laudantium, totam rem aperiam, eaque ipsa quae ab illo inventore veritatis et quasi architecto beatae vitae dicta sunt explicabo. Nemo enim ipsam voluptatem quia voluptas sit aspernatur aut odit aut fugit, sed quia consequuntur magni dolores eos qui ratione voluptatem sequi nesciunt.

Three of three columns. Neque porro quisquam est, qui dolorem ipsum quia dolor sit amet, consectetur, adipisci velit, sed quia non numquam eius modi tempora incidunt ut labore et dolore magnam aliquam quaerat voluptatem. Ut enim ad minima veniam, quis nostrum exercitationem ullam corporis suscipit laboriosam, nisi ut aliquid ex ea commodi consequatur? Quis autem vel eum iure reprehenderit qui in ea voluptate velit.

Dos columnas en una página

One of two equal columns. Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.

Two of two equal columns. Sed ut perspiciatis unde omnis iste natus error sit voluptatem accusantium doloremque laudantium, totam rem aperiam, eaque ipsa quae ab illo inventore veritatis et quasi architecto beatae vitae dicta sunt explicabo. Nemo enim ipsam voluptatem quia voluptas sit aspernatur aut odit aut fugit, sed quia consequuntur magni dolores eos qui ratione voluptatem sequi nesciunt.

Una columna mas ancha que otra

Larger col left. Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.

Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt.

Smaller col right. Sed ut perspiciatis unde omnis iste natus error sit voluptatem accusantium doloremque laudantium, totam rem aperiam, eaque ipsa quae ab illo inventore veritatis et quasi architecto beatae vitae dicta sunt explicabo. Nemo enim ipsam voluptatem quia voluptas sit aspernatur aut odit aut fugit, sed quia consequuntur magni dolores eos qui ratione voluptatem sequi nesciunt.

Y al revés

Smaller col left. Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.

Larger col right. Sed ut perspiciatis unde omnis iste natus error sit voluptatem accusantium doloremque laudantium, totam rem aperiam, eaque ipsa quae ab illo inventore veritatis et quasi architecto beatae vitae dicta sunt explicabo. Nemo enim ipsam voluptatem quia voluptas sit aspernatur aut odit aut fugit, sed quia consequuntur magni dolores eos qui ratione voluptatem sequi nesciunt.

Flotantes

Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Vel pharetra vel turpis nunc eget lorem dolor sed. Tempus quam pellentesque nec nam aliquam sem et. Duis ultricies lacus sed turpis. Massa sapien faucibus et molestie ac. Id ornare arcu odio ut sem nulla pharetra. Sem nulla pharetra diam sit. Sed libero enim sed faucibus turpis in eu mi. Enim nulla aliquet porttitor lacus luctus. Quis vel eros donec ac odio tempor orci dapibus. Urna et pharetra pharetra massa massa ultricies. Eu consequat ac felis donec. Commodo sed egestas egestas fringilla phasellus faucibus scelerisque. Neque viverra justo nec ultrices dui sapien. Commodo odio aenean sed adipiscing diam donec adipiscing tristique risus. Sed tempus urna et pharetra pharetra massa. Condimentum id venenatis a condimentum vitae sapien pellentesque habitant morbi. Cursus turpis massa tincidunt dui ut.

Viverra accumsan in nisl nisi scelerisque eu ultrices vitae auctor. Nunc consequat interdum varius sit amet mattis vulputate. Semper eget duis at tellus. Dui nunc mattis enim ut tellus elementum sagittis. Non tellus orci ac auctor augue mauris augue neque. Malesuada fames ac turpis egestas sed. Diam quam nulla porttitor massa id neque aliquam vestibulum morbi. Viverra tellus in hac habitasse. Varius quam quisque id diam vel quam elementum. Diam ut venenatis tellus in metus vulputate eu. Venenatis cras sed felis eget velit aliquet sagittis id. At tempor commodo ullamcorper a. Nunc sed velit dignissim sodales ut eu sem. In cursus turpis massa tincidunt dui ut ornare lectus. Vel pharetra vel turpis nunc. Dictum varius duis at consectetur lorem. Eget nulla facilisi etiam dignissim. Interdum velit euismod in pellentesque massa placerat duis.

Ipsum a arcu cursus vitae congue. Vel facilisis volutpat est velit egestas. Sit amet risus nullam eget felis. Et malesuada fames ac turpis. Sit amet mattis vulputate enim nulla aliquet porttitor lacus. Pretium quam vulputate dignissim suspendisse. Porttitor eget dolor morbi non arcu. Lacus sed viverra tellus in hac. Tellus cras adipiscing enim eu turpis egestas pretium. Mauris pharetra et ultrices neque ornare aenean. Sagittis vitae et leo duis.

Malesuada fames ac turpis egestas. Lectus mauris ultrices eros in. Tellus rutrum tellus pellentesque eu tincidunt tortor aliquam nulla. Sagittis orci a scelerisque purus semper eget duis at. Dapibus ultrices in iaculis nunc sed augue lacus viverra vitae. Interdum velit euismod in pellentesque massa placerat. A diam sollicitudin tempor id eu nisl. Tellus elementum sagittis vitae et. Ultrices eros in cursus turpis massa. Amet purus gravida quis blandit turpis cursus in hac habitasse. Eget sit amet tellus cras adipiscing enim. Nunc pulvinar sapien et ligula ullamcorper malesuada proin. Viverra nam libero justo laoreet.

Amet mauris commodo quis imperdiet massa tincidunt. Tincidunt dui ut ornare lectus sit amet est placerat in. Id neque aliquam vestibulum morbi blandit cursus risus at. Sit amet nulla facilisi morbi tempus. Viverra orci sagittis eu volutpat. Tempus imperdiet nulla malesuada pellentesque elit eget gravida cum. Nisi scelerisque eu ultrices vitae auctor eu. Elementum nibh tellus molestie nunc. In ornare quam viverra orci sagittis eu volutpat. Massa tincidunt dui ut ornare lectus sit. Vitae congue mauris rhoncus aenean vel elit scelerisque. Ut lectus arcu bibendum at varius vel. Eu lobortis elementum nibh tellus molestie nunc. Proin fermentum leo vel orci porta. Pellentesque elit eget gravida cum. Accumsan lacus vel facilisis volutpat est velit egestas dui id. Pretium lectus quam id leo in vitae turpis.