ttepasse/gist:138526

## gistfile1.htm
<html>
<head>
<title>foo</title>
<style type="text/css">

#box1 {
	background-color: #fee;
	width: 600px
}

#box2 {
    float:left;
    width:200px;
    background-color:pink;
    opacity:0.5;
}

#box3 {
	background-color: #555;
	border: 5px solid blue;
}
#box4 {
    display:none;
	background-color: #ccc
}
</style>
</head>
<body>
 <div id="box1">
  <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Vestibulum sodales pharetra convallis. Aenean fermentum posuere nibh, eget tristique felis volutpat in. Pellentesque nibh nisl, vehicula eget pretium eu, consectetur nec massa. Aenean viverra tristique augue et ornare. Suspendisse faucibus enim egestas enim faucibus id tincidunt orci pellentesque. Praesent porta pretium orci id aliquet. Pellentesque id mauris non leo consequat lobortis. Nunc nibh tortor, vulputate vitae iaculis vel, tempor vitae leo. Suspendisse orci augue, tincidunt eget tempor a, adipiscing ac elit. Vivamus sed pharetra augue. Cras mollis, nisi id consequat elementum, nulla ligula tincidunt massa, ac eleifend enim ante eget ante. Quisque nec sem vel ligula pellentesque facilisis. Pellentesque fermentum felis a leo porta auctor. Sed viverra aliquam dui at luctus.</p>
 </div>

 <div id="box2">
  <p>Maecenas laoreet nunc sed justo tincidunt vel ullamcorper est adipiscing. Nullam ac sem lorem. Etiam ac lacus lorem, quis euismod nunc. Duis vitae porta urna. Integer quis risus nibh. Praesent non augue at eros dapibus hendrerit at a massa. Vivamus lectus orci, scelerisque sed vestibulum ac, sagittis adipiscing nunc. Aenean id turpis ac dui volutpat aliquet vel sed ante. Curabitur interdum viverra urna eu rutrum. Ut vel quam vel leo rutrum posuere vel quis tortor. Fusce ac neque quis mauris auctor blandit at et erat. Aenean ornare dictum nibh suscipit malesuada. Sed arcu lorem, sollicitudin non lacinia pellentesque, blandit at mi. Aenean ac dapibus nisi. Vestibulum a purus dui, ut egestas quam. Etiam ultrices massa ut nibh facilisis porta.</p>
 </div>

 <div id="box3">
  <p>Integer vel nunc magna. Maecenas ac diam eu velit aliquam elementum. Duis dapibus libero a nisi tempor ut viverra lectus fringilla. Donec adipiscing interdum metus, ut iaculis nibh blandit nec. Curabitur posuere neque id libero tincidunt a imperdiet diam placerat. Nulla iaculis turpis quis diam iaculis tempor lobortis odio dapibus. Aliquam nisi nisi, ullamcorper vel tincidunt ornare, pretium sed sapien. Sed lacinia fermentum nunc in fermentum. Nunc dictum pulvinar sodales. Proin a eros libero, eu pretium lectus. Nulla et nunc a justo interdum porta. Duis facilisis nulla a turpis accumsan sit amet interdum eros volutpat. Donec tellus justo, aliquam nec lobortis vel, gravida id odio. Aenean egestas, urna at tristique pulvinar, nunc nibh commodo neque, at scelerisque nisi enim sit amet nibh. Suspendisse at libero purus, ut suscipit tellus.</p>
 </div>

 <div id="box4">
  <p>Morbi id felis mi. Fusce suscipit blandit magna eu adipiscing. Nam id urna purus. Aliquam blandit dapibus turpis. Aenean dignissim erat gravida lorem cursus vel iaculis diam consequat. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Donec a ultricies erat. Proin et lorem mi, ac eleifend ligula. Aliquam euismod odio id lectus volutpat fringilla. Etiam viverra ipsum eu ligula rutrum vehicula vulputate purus sodales. Nulla facilisi. Vestibulum luctus, sem at dapibus lacinia, dolor velit varius odio, congue cursus nisi lacus eleifend erat. Sed vitae velit arcu. Sed sollicitudin vulputate nisl, at volutpat tellus feugiat at. Aliquam feugiat, est sed adipiscing commodo, lacus enim volutpat arcu, non ornare ligula erat in magna.</p>

 </div>
</body>
</html>
	<html>
	<head>
	<title>foo</title>
	<style type="text/css">

	#box1 {
	background-color: #fee;
	width: 600px
	}

	#box2 {
	float:left;
	width:200px;
	background-color:pink;
	opacity:0.5;
	}

	#box3 {
	background-color: #555;
	border: 5px solid blue;
	}
	#box4 {
	display:none;
	background-color: #ccc
	}
	</style>
	</head>
	<body>
	<div id="box1">
	<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Vestibulum sodales pharetra convallis. Aenean fermentum posuere nibh, eget tristique felis volutpat in. Pellentesque nibh nisl, vehicula eget pretium eu, consectetur nec massa. Aenean viverra tristique augue et ornare. Suspendisse faucibus enim egestas enim faucibus id tincidunt orci pellentesque. Praesent porta pretium orci id aliquet. Pellentesque id mauris non leo consequat lobortis. Nunc nibh tortor, vulputate vitae iaculis vel, tempor vitae leo. Suspendisse orci augue, tincidunt eget tempor a, adipiscing ac elit. Vivamus sed pharetra augue. Cras mollis, nisi id consequat elementum, nulla ligula tincidunt massa, ac eleifend enim ante eget ante. Quisque nec sem vel ligula pellentesque facilisis. Pellentesque fermentum felis a leo porta auctor. Sed viverra aliquam dui at luctus.</p>
	</div>

	<div id="box2">
	<p>Maecenas laoreet nunc sed justo tincidunt vel ullamcorper est adipiscing. Nullam ac sem lorem. Etiam ac lacus lorem, quis euismod nunc. Duis vitae porta urna. Integer quis risus nibh. Praesent non augue at eros dapibus hendrerit at a massa. Vivamus lectus orci, scelerisque sed vestibulum ac, sagittis adipiscing nunc. Aenean id turpis ac dui volutpat aliquet vel sed ante. Curabitur interdum viverra urna eu rutrum. Ut vel quam vel leo rutrum posuere vel quis tortor. Fusce ac neque quis mauris auctor blandit at et erat. Aenean ornare dictum nibh suscipit malesuada. Sed arcu lorem, sollicitudin non lacinia pellentesque, blandit at mi. Aenean ac dapibus nisi. Vestibulum a purus dui, ut egestas quam. Etiam ultrices massa ut nibh facilisis porta.</p>
	</div>

	<div id="box3">
	<p>Integer vel nunc magna. Maecenas ac diam eu velit aliquam elementum. Duis dapibus libero a nisi tempor ut viverra lectus fringilla. Donec adipiscing interdum metus, ut iaculis nibh blandit nec. Curabitur posuere neque id libero tincidunt a imperdiet diam placerat. Nulla iaculis turpis quis diam iaculis tempor lobortis odio dapibus. Aliquam nisi nisi, ullamcorper vel tincidunt ornare, pretium sed sapien. Sed lacinia fermentum nunc in fermentum. Nunc dictum pulvinar sodales. Proin a eros libero, eu pretium lectus. Nulla et nunc a justo interdum porta. Duis facilisis nulla a turpis accumsan sit amet interdum eros volutpat. Donec tellus justo, aliquam nec lobortis vel, gravida id odio. Aenean egestas, urna at tristique pulvinar, nunc nibh commodo neque, at scelerisque nisi enim sit amet nibh. Suspendisse at libero purus, ut suscipit tellus.</p>
	</div>

	<div id="box4">
	<p>Morbi id felis mi. Fusce suscipit blandit magna eu adipiscing. Nam id urna purus. Aliquam blandit dapibus turpis. Aenean dignissim erat gravida lorem cursus vel iaculis diam consequat. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Donec a ultricies erat. Proin et lorem mi, ac eleifend ligula. Aliquam euismod odio id lectus volutpat fringilla. Etiam viverra ipsum eu ligula rutrum vehicula vulputate purus sodales. Nulla facilisi. Vestibulum luctus, sem at dapibus lacinia, dolor velit varius odio, congue cursus nisi lacus eleifend erat. Sed vitae velit arcu. Sed sollicitudin vulputate nisl, at volutpat tellus feugiat at. Aliquam feugiat, est sed adipiscing commodo, lacus enim volutpat arcu, non ornare ligula erat in magna.</p>

	</div>
	</body>
	</html>