Vertical alignment
Relates to http://stackoverflow.com/questions/12027099/why-img-and-address-elements-do-not-aligh-vertically-in-a-most-trivial-page
by mark69_fnd
HTML
<!DOCTYPE html>
<html>
<head>
<meta http-equiv='Content-Type' content='text/html; charset=iso-8859-1'/>
</head>
<body>
<div id="invoice_top" class="level0">
<address id="own_address">
<strong>
International Furniture<br/>
Distribution Centre LTD<br/>
</strong>
31 Spinnaker Way<br/>
Concord, Ontario, L4K-2Y5<br/>
Tel.: (905) 738 - 0699<br/>
Fax: (905) 738 - 5077<br/>
</address>
<img id="logo" src="img/logo.gif" alt="logo" width="250" height="150"/>
</div>
</body>
</html>
CSS
* {
margin: 0;
padding: 0;
}
body {
font: 14px sansserif;
}
.level0 {
margin: auto;
width: 70%;
padding: 5px;
}
#own_address {
outline: green solid 1px;
display: inline;
}
#logo {
outline: green solid 1px;
}