The perils of using display: table for layout

When using display:table (with the related table-row and table-cell) to set up columns for a layout, don’t forget to set the vertical-align property. After a while it finally dawned on me why would the padding-top of both columns seemed to be linked to each other and to the margin-top of each column’s first element: say hello to vertical-align: baseline.

Test with html tags

<p>Testing to see how tags behave</p><div style='border: 1px dotted black'>blah blah I'm surrounded by dots blah blah</div><p>Sent using Rich Formatting</p>

This is a test with a very long title. It is long, because the purpose of this test is to see how a long title behaves,

!

Transparent Shadow

Adding image for the template. Enjoy!

p.s. Testing to see if the attached images get added to the message/picassa.

Test Chomping

Those Chain Chomps. What a miserable existance. Constantly lounging towards something, never getting there. Everynow and then resting a bit, pacing back and forth just to try again and again and again and again. That’s what they do.

Makes you wonder.

Icecream is delicious

It has come to my attention that icecream is delicious. Nunc in dolor a urna mollis commodo. Nunc sodales, purus a sodales viverra, lectus risus consequat justo, at dictum dui ante quis nisi. Ut semper rutrum tempor. Fusce posuere cursus suscipit. Mauris eget porttitor dui. Sed bibendum, odio mattis fermentum auctor, ligula augue rhoncus tellus, a vestibulum purus elit vel metus. Aenean quam augue, vulputate eu pellentesque a, venenatis hendrerit urna. Phasellus vitae nunc tortor, fermentum tincidunt quam. Curabitur eget rutrum ligula. Fusce nec tellus dui. Morbi ut sem et nibh malesuada sodales. Nam ac nisi vel dui dictum semper non id arcu.

Icecream truly is delicius. Yum!

Morbi elit lectus, laoreet at ornare et, porta nec nulla. Duis mattis, odio eu consequat auctor, enim sem posuere felis, a tincidunt diam magna vel arcu. Pellentesque ac mi nulla. Nulla adipiscing faucibus accumsan. Suspendisse arcu orci, ultricies in rutrum ac, tincidunt non magna. Praesent non tellus quis ante fringilla pellentesque eu ac sem. Mauris tincidunt justo a risus mollis pretium. Nullam ut rutrum sapien. Class aptent taciti sociosqu ad litora torquent per conubia nostra, per inceptos himenaeos. In tempor porta arcu eu pulvinar. Cras bibendum purus et libero aliquam mollis volutpat sit amet neque.

Nam ac ligula quam, in placerat erat. Duis venenatis congue bibendum. Donec vulputate, enim ac auctor rhoncus, diam dui fringilla nisi, vel cursus sem nibh ut ligula. Praesent sed arcu turpis, tincidunt euismod quam. Vivamus non justo massa. Sed facilisis interdum elementum. Praesent vitae erat a erat hendrerit tincidunt quis nec augue. Aliquam blandit euismod nisl consequat pharetra. Maecenas sed dolor at velit volutpat convallis. Curabitur accumsan lacus a risus sagittis vitae laoreet velit placerat. Aliquam id nibh eu justo aliquet gravida. Nunc lectus dolor, rhoncus et cursus at, eleifend a ante. Nullam imperdiet tellus mi, et bibendum erat. Aliquam vulputate, libero id aliquet ullamcorper, augue leo consequat justo, et dignissim lectus justo ac quam.