Pure CSS Layouts Examples

<div id="container">
	<ul id="myContent"> 			
		<li>
            <div id="item">
                <div style="height:200px"></div>
                <p>1</p>
            </div>
		</li>
        <li>
            <div id="item">
                <div style="height:100px"></div>
                <p>2</p>
            </div>
        </li>
        <li>
            <div id="item">
                <div style="height:70px"></div>
                <p>3</p>
            </div>
        </li>
        <li>
            <div id="item">
                <div style="height:170px"></div>
                <p>4</p>
            </div>
        </li>
        <li>
            <div id="item">
                <div style="height:200px"></div>
                <p>5</p>
            </div>
        </li>
        <li>
            <div id="item">
                <div style="height:150px"></div>
                <p>6</p>
            </div>
        </li>
        <li>
            <div id="item">
                <div style="height:300px"></div>
                <p>7</p>
            </div>
        </li>
        <li>
            <div id="item">
                <div style="height:130px"></div>
                <p>8</p>
            </div>
        </li>
        <li>
            <div id="item">
                <div style="height:200px"></div>
                <p>9</p>
            </div>
        </li>
        <li>
            <div id="item">
                <div style="height:90px"></div>
                <p>10</p>
            </div>
        </li>
        <li>
            <div id="item">
                <div style="height:120px"></div>
                <p>11</p>
            </div>
        </li>
        <li>
            <div id="item">
                <div style="height:80px"></div>
                <p>12</p>
            </div>
        </li>
        <li>
            <div id="item">
                <div style="height:80px"></div>
                <p>13</p>
            </div>
        </li>
        <li>
            <div id="item">
                <div style="height:80px"></div>
                <p>14</p>
            </div>
        </li>
        <li>
            <div id="item">
                <div style="height:80px"></div>
                <p>15</p>
            </div>
        </li>
        <li>
            <div id="item">
                <div style="height:80px"></div>
                <p>16</p>
            </div>
        </li>
        <li>
            <div id="item">
                <div style="height:80px"></div>
                <p>17</p>
            </div>
        </li>
	</ul> 
</div>