programming-examples/css/Center content layout.html

63 lines
1.2 KiB
HTML
Raw Permalink Normal View History

2019-11-15 12:59:38 +01:00
<head>
<title>Center content layout</title>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
<style rel="stylesheet" type="text/css">
#contentwide {
line-height: 1.5em;
margin: 8px 0 8px 140px;
padding: 0;
text-align: left;
}
#contentwide h2 {
font-size: 20px;
font-weight: 400;
letter-spacing: -1px;
margin: 8px 0 12px;
padding: 0;
}
#contentwide img {
background: #f9cc44;
border: 3px solid #f99588;
color: #f9ff55;
display: inline;
padding: 2px;
margin: 0 12px 4px 0;
}
#contentwide ul,#contentwide ol {
margin: 0 0 16px 20px;
padding: 0;
}
#contentwide ul ul,#contentwide ol ol {
margin: 2px 0 2px 16px;
}
#contentwide li {
margin: 0 0 2px 8px;
padding: 0 0 0 3px;
}
</style>
</head>
<body>
<div id="contentwide">
<h2>Love Sayings</h2>
<p>A kiss is a lovely trick designed by nature to stop speech<br>
when words become superfluous.<br><br>
Ingrid Bergman
</p>
<p>A true man does not need to romance a different girl every night,<br>
a true man romances the same girl for the rest of her life.<br><br>
Ana Alas
</p>
</div>
</body>
</html>