style!
länk till:
denna sida
,
css
(
validera
),
html
(
validera
),
både och
(
validera
).
css
html
/* import style from blockquote example */ @import url(http://dbwebb.se/style/?id=82&css); /* column-count */ .col2 { -moz-column-count:2; -webkit-column-count:2; column-count:2; } .col3 { -moz-column-count:3; -webkit-column-count:3; column-count:3; }
<div class="col2"> <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Pellentesque non justo nulla, et molestie nulla. Curabitur semper commodo ante, eget pellentesque metus hendrerit vel. Nulla ultrices fermentum metus, vehicula eleifend dui dapibus vitae. In auctor, magna eu convallis suscipit, ante justo fermentum arcu, in porttitor lectus orci ut nibh. Quisque sit amet est diam. Duis risus lectus, porttitor sed pellentesque at, sodales ut augue. Class aptent taciti sociosqu ad litora torquent per conubia nostra, per inceptos himenaeos. Integer neque dui, aliquam a rutrum sit amet, fringilla at sapien. Quisque id erat non lectus consequat auctor nec a urna. Cras semper lacus ut sapien rhoncus a sagittis mauris sagittis. Etiam ullamcorper sem sit amet tortor tempus facilisis. Sed lacinia dictum lectus vitae feugiat. <blockquote>Aenean turpis massa, tincidunt in luctus vel, venenatis sed nunc. Pellentesque malesuada porta congue. Vestibulum in molestie risus. Fusce dictum magna eu massa accumsan tempus. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Pellentesque nec erat ac nisl laoreet tempus. Donec tellus dui, eleifend eu tincidunt ut, bibendum vel tellus.</blockquote> <p>Maecenas tristique fringilla tempor. Cras vel velit nibh. Fusce sollicitudin nisl lacinia velit commodo ornare. Vivamus vitae tortor quis arcu pulvinar luctus. Vivamus faucibus pellentesque ante sit amet porta. Nulla in turpis vitae lacus bibendum porttitor. Etiam eu nisi neque. Mauris tincidunt accumsan felis ac tempus. Quisque vel mauris a justo adipiscing ultricies. Ut sit amet sem lorem, non rutrum nibh. Vestibulum eu libero ante. Suspendisse scelerisque malesuada ligula eu malesuada. <p>Nulla tincidunt elementum massa vitae lobortis. Quisque nisi mauris, tempor nec tincidunt id, molestie in lacus. Curabitur nulla mi, dignissim nec sodales quis, ultricies non justo. Morbi gravida lacus at neque dignissim vulputate. Nunc vel risus lorem, porttitor suscipit nulla. Suspendisse vel urna urna. Nullam rutrum risus eget felis pulvinar scelerisque. Ut venenatis enim quis nulla pretium sed malesuada purus venenatis. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Aenean rhoncus, purus ut convallis faucibus, enim lacus interdum turpis, nec placerat lectus ipsum nec velit. Ut ornare justo id augue tristique in condimentum libero eleifend. Quisque porta euismod magna, non porta elit bibendum a. Aliquam ultrices consectetur nisi. Duis vitae libero risus, bibendum malesuada nisi. Suspendisse tincidunt dapibus convallis. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer rhoncus, justo vel dapibus eleifend, nulla leo ultrices odio, vitae volutpat orci justo at nibh. Proin tellus mi, laoreet aliquam gravida vitae, lacinia in leo. Pellentesque commodo, mauris id dapibus dictum, augue massa posuere augue, in fermentum augue velit ut leo. Aenean a turpis vitae urna pellentesque dapibus eu id nibh. </div> <div class="col3"> <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Pellentesque non justo nulla, et molestie nulla. Curabitur semper commodo ante, eget pellentesque metus hendrerit vel. Nulla ultrices fermentum metus, vehicula eleifend dui dapibus vitae. In auctor, magna eu convallis suscipit, ante justo fermentum arcu, in porttitor lectus orci ut nibh. Quisque sit amet est diam. Duis risus lectus, porttitor sed pellentesque at, sodales ut augue. Class aptent taciti sociosqu ad litora torquent per conubia nostra, per inceptos himenaeos. Integer neque dui, aliquam a rutrum sit amet, fringilla at sapien. Quisque id erat non lectus consequat auctor nec a urna. Cras semper lacus ut sapien rhoncus a sagittis mauris sagittis. Etiam ullamcorper sem sit amet tortor tempus facilisis. Sed lacinia dictum lectus vitae feugiat. <blockquote>Aenean turpis massa, tincidunt in luctus vel, venenatis sed nunc. Pellentesque malesuada porta congue. Vestibulum in molestie risus. Fusce dictum magna eu massa accumsan tempus. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Pellentesque nec erat ac nisl laoreet tempus. Donec tellus dui, eleifend eu tincidunt ut, bibendum vel tellus.</blockquote> <p>Maecenas tristique fringilla tempor. Cras vel velit nibh. Fusce sollicitudin nisl lacinia velit commodo ornare. Vivamus vitae tortor quis arcu pulvinar luctus. Vivamus faucibus pellentesque ante sit amet porta. Nulla in turpis vitae lacus bibendum porttitor. Etiam eu nisi neque. Mauris tincidunt accumsan felis ac tempus. Quisque vel mauris a justo adipiscing ultricies. Ut sit amet sem lorem, non rutrum nibh. Vestibulum eu libero ante. Suspendisse scelerisque malesuada ligula eu malesuada. <p>Nulla tincidunt elementum massa vitae lobortis. Quisque nisi mauris, tempor nec tincidunt id, molestie in lacus. Curabitur nulla mi, dignissim nec sodales quis, ultricies non justo. Morbi gravida lacus at neque dignissim vulputate. Nunc vel risus lorem, porttitor suscipit nulla. Suspendisse vel urna urna. Nullam rutrum risus eget felis pulvinar scelerisque. Ut venenatis enim quis nulla pretium sed malesuada purus venenatis. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Aenean rhoncus, purus ut convallis faucibus, enim lacus interdum turpis, nec placerat lectus ipsum nec velit. Ut ornare justo id augue tristique in condimentum libero eleifend. Quisque porta euismod magna, non porta elit bibendum a. Aliquam ultrices consectetur nisi. Duis vitae libero risus, bibendum malesuada nisi. Suspendisse tincidunt dapibus convallis. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer rhoncus, justo vel dapibus eleifend, nulla leo ultrices odio, vitae volutpat orci justo at nibh. Proin tellus mi, laoreet aliquam gravida vitae, lacinia in leo. Pellentesque commodo, mauris id dapibus dictum, augue massa posuere augue, in fermentum augue velit ut leo. Aenean a turpis vitae urna pellentesque dapibus eu id nibh. </div>