Creating a HTML Page with Relative Positioning
<!DOCTYPE html><html>
<head>
<title>Relative Positioning</title>
<style type="text/css">
body {
width: 750px;
font-family: Arial, Verdana, sans-serif;
color: #665544;}
p {
width: 450px;}
p.example {
position: relative;
top: 10px;
left: 100px;}
</style>
</head>
<body>
<h1>A Timeline of Ships, Boats and Yachts</h1>
<p><strong>4000 BC</strong> - The ancient Egyptians used reeds to build what are thought to be the first sailing boats in the world. The reed boats had sails and a mast and were used on the Nile River</p>
<p class="example"><strong>2500 BC</strong> - Around this time, the ancient Egyptians began to build wooden boats that were able to withstand sailing across oceans.</p>
<p><strong>1550 BC</strong> - Around this time until about 300 BC, the Phoenicians of the ancient Canaan civilization (the area that is now Syria and Lebanon), used something called a galley. The galley was a sailing vessel that was powered by man and was used to both fight and trade with neighbors.</p>
</body>
</html>
output:
0 comments:
Post a Comment