OLD | NEW |
1 <body> | 1 <body> |
2 <div style="-webkit-columns: 3; -webkit-column-rule: 4px solid maroon; padding:
0 10px; border:5px solid black; height:300px;"> | 2 <div style="-webkit-columns:3; -webkit-column-rule:4px solid maroon; columns:3;
column-rule:4px solid maroon; column-fill:auto; padding:0 10px; border:5px solid
black; height:300px;"> |
3 Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Nulla varius enim ac m
i. Curabitur sollicitudin felis quis lectus. Quisque adipiscing rhoncus sem. Pro
in nulla purus, vulputate vel, varius ut, euismod et, nisi. Sed vitae felis vel
orci sagittis aliquam. Cras convallis adipiscing sem. Nam nonummy enim. Nullam b
ibendum lobortis neque. Vestibulum velit orci, tempus euismod, pretium quis, int
erdum vitae, nulla. Phasellus eget ante et tortor condimentum vestibulum. | 3 Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Nulla varius enim ac m
i. Curabitur sollicitudin felis quis lectus. Quisque adipiscing rhoncus sem. Pro
in nulla purus, vulputate vel, varius ut, euismod et, nisi. Sed vitae felis vel
orci sagittis aliquam. Cras convallis adipiscing sem. Nam nonummy enim. Nullam b
ibendum lobortis neque. Vestibulum velit orci, tempus euismod, pretium quis, int
erdum vitae, nulla. Phasellus eget ante et tortor condimentum vestibulum. |
4 Suspendisse hendrerit quam nec felis. Sed varius turpis vitae pede. Lorem ipsum
dolor sit amet, consectetuer adipiscing elit. Proin bibendum justo ac enim. Clas
s aptent taciti sociosqu ad litora torquent per conubia nostra, per inceptos hym
enaeos. Sed leo nulla, rutrum eu, dictum ut, posuere vel, arcu. Nam libero. Morb
i orci. Maecenas pellentesque. Curabitur erat erat, ullamcorper at, gravida vita
e, iaculis vitae, elit. Nullam quam. Quisque orci lectus, ullamcorper eu, imperd
iet sed, accumsan et, ligula. Duis diam nisl, sagittis a, blandit volutpat, inte
rdum sed, velit. <a href="#">Vestibulum quam.</a> | 4 Suspendisse hendrerit quam nec felis. Sed varius turpis vitae pede. Lorem ipsum
dolor sit amet, consectetuer adipiscing elit. Proin bibendum justo ac enim. Clas
s aptent taciti sociosqu ad litora torquent per conubia nostra, per inceptos hym
enaeos. Sed leo nulla, rutrum eu, dictum ut, posuere vel, arcu. Nam libero. Morb
i orci. Maecenas pellentesque. Curabitur erat erat, ullamcorper at, gravida vita
e, iaculis vitae, elit. Nullam quam. Quisque orci lectus, ullamcorper eu, imperd
iet sed, accumsan et, ligula. Duis diam nisl, sagittis a, blandit volutpat, inte
rdum sed, velit. <a href="#">Vestibulum quam.</a> |
5 Nulla a purus. Phasellus semper semper lectus. Nulla porttitor, dolor dictum sce
lerisque luctus, velit ipsum lobortis mauris, ac pretium enim nunc vel risus. Pr
oin gravida mi ut sem cursus mattis. Fusce laoreet, nisi quis luctus volutpat, a
rcu pede tincidunt enim, nec malesuada urna nisl eu enim. Vivamus varius augue a
c purus. Vestibulum vestibulum. Phasellus et est vitae ante accumsan rhoncus. Mo
rbi convallis, arcu at hendrerit gravida, sem diam dignissim risus, sed aliquet
erat mi ut mi. Nunc cursus lacinia elit. | 5 Nulla a purus. Phasellus semper semper lectus. Nulla porttitor, dolor dictum sce
lerisque luctus, velit ipsum lobortis mauris, ac pretium enim nunc vel risus. Pr
oin gravida mi ut sem cursus mattis. Fusce laoreet, nisi quis luctus volutpat, a
rcu pede tincidunt enim, nec malesuada urna nisl eu enim. Vivamus varius augue a
c purus. Vestibulum vestibulum. Phasellus et est vitae ante accumsan rhoncus. Mo
rbi convallis, arcu at hendrerit gravida, sem diam dignissim risus, sed aliquet
erat mi ut mi. Nunc cursus lacinia elit. |
6 Nunc nisi. Quisque at erat. Vestibulum dictum quam vitae nibh. Nunc vitae ante n
on odio interdum blandit. Curabitur leo quam, fermentum sed, feugiat in, ullamco
rper id, nibh. Suspendisse ac turpis. In iaculis sollicitudin dui. <a href="#">A
enean vitae</a> lectus vitae nulla pellentesque sollicitudin. Nunc gravida phare
tra lectus. Etiam lacus ligula, placerat ut, dictum vitae, tempus vel, risus. Cr
as rhoncus. Praesent varius ultricies orci. Donec mattis, neque ut ornare fringi
lla, ante urna placerat eros, vel commodo nisi tortor ut mauris. Morbi magna dui
, sagittis sit amet, tincidunt et, elementum eget, quam. Fusce molestie nisl vit
ae nisi. | 6 Nunc nisi. Quisque at erat. Vestibulum dictum quam vitae nibh. Nunc vitae ante n
on odio interdum blandit. Curabitur leo quam, fermentum sed, feugiat in, ullamco
rper id, nibh. Suspendisse ac turpis. In iaculis sollicitudin dui. <a href="#">A
enean vitae</a> lectus vitae nulla pellentesque sollicitudin. Nunc gravida phare
tra lectus. Etiam lacus ligula, placerat ut, dictum vitae, tempus vel, risus. Cr
as rhoncus. Praesent varius ultricies orci. Donec mattis, neque ut ornare fringi
lla, ante urna placerat eros, vel commodo nisi tortor ut mauris. Morbi magna dui
, sagittis sit amet, tincidunt et, elementum eget, quam. Fusce molestie nisl vit
ae nisi. |
7 Vestibulum a sapien. Phasellus ante lacus, vehicula non, cursus a, tempor ut, ma
gna. Suspendisse potenti. Fusce aliquet, odio viverra vulputate dictum, enim odi
o luctus purus, ut scelerisque quam nulla non est. Donec eros lacus, egestas vit
ae, lacinia quis, tempor quis, pede. Morbi orci erat, iaculis id, ornare ac, ele
mentum at, sem. Nunc ornare sodales nisi. Morbi interdum commodo nisl. Fusce ege
t eros non nisi ornare facilisis. Sed placerat, est non posuere posuere, purus s
em dignissim libero, a viverra tellus dolor vel lorem. Cras augue. Etiam ultrici
es consequat odio. Mauris ac libero. Etiam posuere, libero vitae euismod gravida
, urna elit imperdiet magna, vel cursus elit felis non mauris. Donec orci erat,
porta id, dignissim ut, posuere dictum, leo. Suspendisse scelerisque egestas nul
la. | 7 Vestibulum a sapien. Phasellus ante lacus, vehicula non, cursus a, tempor ut, ma
gna. Suspendisse potenti. Fusce aliquet, odio viverra vulputate dictum, enim odi
o luctus purus, ut scelerisque quam nulla non est. Donec eros lacus, egestas vit
ae, lacinia quis, tempor quis, pede. Morbi orci erat, iaculis id, ornare ac, ele
mentum at, sem. Nunc ornare sodales nisi. Morbi interdum commodo nisl. Fusce ege
t eros non nisi ornare facilisis. Sed placerat, est non posuere posuere, purus s
em dignissim libero, a viverra tellus dolor vel lorem. Cras augue. Etiam ultrici
es consequat odio. Mauris ac libero. Etiam posuere, libero vitae euismod gravida
, urna elit imperdiet magna, vel cursus elit felis non mauris. Donec orci erat,
porta id, dignissim ut, posuere dictum, leo. Suspendisse scelerisque egestas nul
la. |
8 </div> | 8 </div> |
OLD | NEW |