programming-examples/css/Div text-align left right center.html

41 lines
965 B
HTML
Raw Permalink Normal View History

2019-11-15 12:59:38 +01:00
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">
<html>
<head><title>Div Text-align Left Right Center</title>
<style type='text/css'>
body {
margin: 16px;
padding: 0;
}
div div {
width: 400px;
height: 400px;
background: rgb(106, 196, 169);
border: 1px solid rgb(189, 240, 96);
text-align: left;
}
div#left {
text-align: left;
}
div#center {
text-align: center;
}
div#right {
text-align: right;
}
</style>
</head>
<body>
<div id='left'>Love is a irresistible desire to be irresistibly desired.
<div>Robert Lee Frost</div>
</div>
<div id='center'>There's always one who loves and one who lets himself be loved.
<div>W. Somerset Maugham, 'Of Human Bondage'</div>
</div>
<div id='right'>I tended to place my wife under a pedestal.
<div>Woody Allen</div>
</div>
</body>
</html>