Using span to create author part of a quotation
<!DOCTYPE html>
<html>
<head>
<title></title>
<style type="text/css" media="screen">
body {background: #C0FFEE; font: 1em Georgia, serif; padding: 1em 2.5%;}
.quotebox {float: left; width: 10em; font-size: 90%;
padding: 1.5em 2em 1em; margin: 0.5em;
border: 2px solid #8D7961; background: #FFF;}
.quotebox span {font-style: italic; font-size: smaller; display: block; margin-top: 0.25em; text-align: right;}
</style>
</head>
<body>
<div class="main">
<div class="quotebox">This is a test. This is a test. This is a test.
This is a test. This is a test. This is a test. This is a test.
This is a test. This is a test. This is a test. This is a test.
This is a test. This is a test. This is a test. This is a test.
This is a test. This is a test. This is a test. This is a test. <span>Dr. Haim Ginott</span></div>
</div>
</body>
</html>
Related examples in the same category