Diagonal Box Corners - Code Home - www.dottedi.biz

Intro

Middle vertical alignment of both images and text is managed by using display:table on the row and display:table-cell on the column div.

To accomplish full-height background color on a fixed height div use use negative margins and padding on the row and overflow-hidden on the div.

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Vivamus mollis convalli s justo, vitae pretium libero condimentum et. Morbi nibh nibh, blandit sit amet sodales ullamcorper, ultricies vel nulla. Vestibulum maximus, metus eu lacinia s Lorem ipsum dolor sit amet, consectetur adipiscing elit. Vivamus mollis convalli

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Vivamus mollis convalli s justo, vitae pretium libero condimentum et. Morbi nibh nibh, blandit sit amet sodales ullamcorper, ultricies vel nulla. Vestibulum maximus, metus eu lacinia s Lorem ipsum dolor sit amet, consectetur adipiscing elit. Vivamus mollis convalli