Skip navigation

protean development

Protean Development Lab

Experiments in design & development

Flexible Boxes

Flexible Box at 90%

flexible class container <div> = left corner
[img: box slice > left]

<h3> = top border and right corner
[img: big box > right]

<p> = left and right borders

<p> = left and right borders

<p> = left and right borders

<p> = left and right borders

<p> = left and right borders

<p> = left and right borders

bottom <div> around link = bottom left corner
[img: box slice > left]

<a href> = bottom border & right corner
[img: big box > right]

Flexible Box at 70%

flexible class container <div> = left corner
[img: box slice > left]

<h3> = top border and right corner
[img: big box > right]

<p> = left and right borders

<p> = left and right borders

<p> = left and right borders

<p> = left and right borders

bottom <div> around link = bottom left corner
[img: box slice > left]

<a href> = bottom border & right corner
[img: big box > right]

Flexible Box at 50%

flexible class container <div> = left corner
[img: box slice > left]

<h3> = top border and right corner
[img: big box > right]

<p> = left and right borders

<p> = left and right borders

bottom <div> around link = bottom left corner
[img: box slice > left]

<a href> = bottom border & right corner
[img: big box > right]

Lab

Copyright © 2005-2008 Protean Development, all rights reserved. Active ingredients: XHTML, CSS, PHP, JavaScript.