<!DOCTYPE html>
<html>
<head>
<style>
.normal::first-letter {
-webkit-initial-letter: normal;
initial-letter: normal;
}
.two::first-letter {
-webkit-initial-letter: 2;
initial-letter: 2;
}
.four::first-letter {
-webkit-initial-letter: 4;
initial-letter: 4;
}
.four2::first-letter {
-webkit-initial-letter: 4 2;
initial-letter: 4 2;
}
</style>
</head>
<body>
<h1>The initial-letter Property</h1>
<h2>initial-letter: normal;</h2>
<p class="normal">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Maecenas commodo dui vitae libero consequat iaculis. Pellentesque lectus ex, malesuada id fermentum in, lobortis a lorem. Sed a dui quis ipsum pretium euismod non vitae felis. Nunc commodo ante nisl, et egestas mauris consequat et.</p>
<h2>initial-letter: 2;</h2>
<p class="two">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Maecenas commodo dui vitae libero consequat iaculis. Pellentesque lectus ex, malesuada id fermentum in, lobortis a lorem. Sed a dui quis ipsum pretium euismod non vitae felis. Nunc commodo ante nisl, et egestas mauris consequat et.</p>
<h2>initial-letter: 4;</h2>
<p class="four">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Maecenas commodo dui vitae libero consequat iaculis. Pellentesque lectus ex, malesuada id fermentum in, lobortis a lorem. Sed a dui quis ipsum pretium euismod non vitae felis. Nunc commodo ante nisl, et egestas mauris consequat et.</p>
<h2>initial-letter: 4 2;</h2>