Try it Yourself: CSS Pseudo-elements

CSS Pseudo-elements

<!DOCTYPE html>
<html>
<head>
<style>
p::first-letter {
  font-size: 250%;
  font-weight: bold;
  float: left;
  margin-right: 6px;
}
</style>
</head>
<body>

<p>Sunlight poured through the window as the city slowly woke up.</p>

</body>
</html>

<!DOCTYPE html>
<html>
<head>
<style>
p::first-letter {
  font-size: 250%;
  font-weight: bold;
  float: left;
  margin-right: 6px;
}
</style>
</head>
<body>

<p>Sunlight poured through the window as the city slowly woke up.</p>

</body>
</html>