margin04.htm

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN""http://www.w3.org/TR/html4/strict.dtd"><html>  <head>    <meta http-equiv="Content-Type" content="text/html; charset=ISO-8859-1">    <base href="http://www.hughmorris.plus.com/opera/">    <title>Untitled</title><style type="text/css"><!-- body {  color: black;  background: white;  padding: 30px;  }p {  margin: 20px; padding: 10px; border: 1px solid gray;}img {  margin: 0 10px 0 0  }--></style>  </head>  <body>    <h1>Opera 6.0</h1>    <p><img src="ashly.jpg" width="127" height="170" alt="" style="float: left">If you define margins for paragraphs with CSS then float an image within a paragraph, the image breaks out of the paragraph block both top and bottom. If you use the system defaults for paragraphs, Opera behaves as expected. Also, try putting a border on the paragraph in CSS, see what happens.</p>  </body></html>