Parent Float layout Solution in html from css
<!DOCTYPE html><html>
<head>
<title>Parent Float - Solution</title>
<style type="text/css">
body {
width: 752px;
font-family: Arial, Verdana, sans-serif;
color: #665544;}
div {
border: 1px solid #665544;
overflow: auto;
width: 100%;}
p {
width: 230px;
float: left;
margin: 10px;}
.clear {
clear: both;}
</style>
</head>
<body>
<h1>The Evolution of the Bicycle</h1>
<div>
<p>In 1817 Baron von Drais invented a walking machine that would help him get around the royal gardens faster.</p>
<p>The device know as the Draisienne (or "hobby horse") was made of wood, and propelled by pushing your feed on the ground in a gliding movement.</p>
<p>It was not seen a suitable for any place other than a well maintained pathway. </p>
<p class="clear">In 1865, the velocipede (meaning "fast foot") attached pedals to the front wheel, but its wooden structure made it extremely uncomfortable.</p>
<p>In 1870 the first all-metal machine appeared. The pedals were attached directly to the front wheel.
<p>Solid rubber tires and the long spokes of the large front wheel provided a much smoother ride than its predecessor.</p>
</div>
</body>
</html>
output:
0 comments:
Post a Comment