<!DOCTYPE html>
<html>
	<head>
		<style>
                        p {
				position:absolute;
                                border:2px solid black;
				max-width:420px;
				-webkit-column-gap:20px;
				-webkit-column-width:200px;
				-webkit-column-rule:1px dotted white;
				font-size:16px;
				top:20px;
				left:20px;
				text-align:justify;
                                font-weight:bold;
				text-shadow:1px 1px 10px black;
			}
			
			p:first-letter {
				font-size:36px;
				margin-right:4px;
				margin-bottom:-6px;
				float:left;
			}
			
			
			
		</style>
	</head>
	
	<body>
		<div class="mag">
			<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Cras pharetra mollis pharetra. Suspendisse lacinia orci et felis tristique sit amet semper massa tempus. Suspendisse consectetur tempor pulvinar. Proin dui eros, ultricies vel malesuada vel, tempor at ante. Nam eget nisl dui. Donec molestie lectus a nunc scelerisque blandit. Nam non ligula massa, sed suscipit turpis. Etiam eget ligula sit amet turpis venenatis dictum in eleifend augue. Duis tellus lectus, volutpat et adipiscing a, pellentesque eu metus. Aenean suscipit congue mauris at gravida. Integer lectus ligula, consectetur sit amet venenatis id, scelerisque eget nisl. Nunc dapibus posuere risus, vitae tempor nibh iaculis et.</p>
		</div>
	</body>
</html>