I know this is an elementary question but hey! Everybody needs a start! So Thanks for reading this.
I'm starting to learn html/xhtml/css and this is my first lesson.
I worked on this little page but cannot get the border to wrap or fit around the text as part of the design.
The code is below, html/css. Please help and indicate what changes you made to solve the problem.
Thanks everyone.
I'm currently using Explorer 7, the code are below.
Thanks very much.
<html>
<head>
<title>Starbuzz Coffee</title>
<style type="text/css">
body
{
background-color: #d2b49c;
margin-left: 20%;
margin-right: 20%;
border: 1px dotted gray;
padding: 10px 10px 10px 10px;
font-family: sans serif;
}
</style>
</head>
<body>
<h1>Starbuzz Coffee Beverages</h1>
<h2>House Blend, $1.49</h2>
<p>A smooth, mild blend of coffees from Mexico,
Bolivia and Guatemala.</p>
<h2>Mocha Cafe Latte, $2.35</h2>
<p>Expresso, steamed milk and chocolate syrup.</p>
<h2>Cappuccino, $1.89</h2>
<p>A mixture of expresso, steamed milk and foam.</p>
<h2>Chai Tea, $1.85</h2>
<p>A spicy drink made with black tea,
spices, milk and honey.</p>
</body>
</html>
| 