1 <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd"> 2 <html lang="en"> 3 <head> 4 <meta http-equiv="content-type" content="text/html; charset=utf-8"> 5 <title>Banner</title> 6 <style type="text/css"> 7 <!-- 8 body { background: black; color: white } 9 h1 { 10 font: x-large sans-serif; text-align: center; 11 height: 75px; margin-left: 100px; margin-right: 100px } 12 .gears { width: 100px; height: 73px; float: left; background: url('gears.png') right no-repeat } 13 div + .gears { float: right; background-position: left } 14 /* 15 This should happen in the future instead: 16 h1 { 17 border-left: 71px solid #c11800; border-right: 71px solid #00c130; 18 border-top: 0px; border-bottom: 0px; 19 border-image: url(gears.png) 100%; -webkit-border-image: url(gears.png) 100%; 20 } 21 */ 22 --> 23 </style> 24 </head> 25 26 <body> 27 28 <div class="gears"></div> 29 <div class="gears"></div> 30 <h1>The Mesa 3D Graphics Library</h1> 31 32 </body> 33 </html> 34
