Skip to navigation

Fancy drop caps

Jazzing up that first letter.


<!DOCTYPE html>
	<meta charset="utf-8">
	<title>Drop caps 1</title>
		body {
			font: 15px/1.5 arial, helvetica, sans-serif;
		p:first-letter {
			float: left;
			font-size: 45px;
			line-height: 1;
			font-weight: bold;
			margin-right: 9px;
			color: #9c0;
			font-family: "Times New Roman", Times, serif;
			text-shadow: #690 .05em .05em;
	<p>Once upon a time in a blueberry bubblegum land covered in pink violets that swayed to the rhythm of "My Baby Just Cares for Me" there lived a podgy yet attractive raspberry fairy called Bedooda. Bedooda was as tall as a button bush and as intelligent as a peach mystic from the Unscented Hills (not the Scented Hills - the mystics there were not too bright) and was an adored member of the raspberry family but she was an unhappy raspberry fairy. As unhappy as a lost sunfish from the Sweet Spaghetti River.</p>

	<!-- Link back to HTML Dog: -->
	<p><a href=""><img src="" alt="HTML Dog"></a></p>


View original