Trying to create an information page with a question and its answer. Applied indentation and increased the size of the first letter in the paragraph. The issue is the extra space below the first line due to the ::before-letter pseudo-selector. Any ideas or tricks on how to remove this extra space? Here's the code:
* {
box-sizing: border-box;
margin: 0;
padding: 0;
}
nav {
height: 50px;
background-color: rgb(236, 195, 141);
}
ul {
display: flex;
align-items: center;
justify-content: center;
list-style: none;
}
li {
margin: 15px 10px;
font-size: 20px;
}
section {
background-color: rgb(194, 175, 212);
padding: 10px 20px;
}
h1 {
margin: 10px 0;
font-size: 30px;
}
p {
text-align: justify;
padding-right: 50px;
}
p::first-letter {
font-size: 55px;
padding-left: 30px;
}
footer {
background-color: rgb(236, 195, 141);
height: 30px;
text-align: center;
line-height: 30px;
}<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8>
<meta http-equiv="X-UA-Compatible" content="IE-edge">
<meta name="viewport" content="width=device-width, initial-scale=1.0>
<title>Document</title>
</head>
<body>
<nav class="nav">
<ul>
<li>Home</li>
<li>About</li>
<li>Services</li>
<li>Contact Us</li>
</ul>
</nav>
<section class="main">
<h1>Exploring the World of Technology</h1>
<p class="para">Technology plays a crucial role in shaping our daily lives. From alarm clocks waking us up in the morning to lights guiding us to sleep at night, every convenience we enjoy is a product of science and technology. Our ability to accomplish tasks quickly is a direct result of advancements in these fields. Without science and technology, it would be hard to imagine our modern lifestyle. In fact, our very existence relies heavily on them now. The constant introduction of new technologies continues to enhance human life, making it easier and more comfortable. We are truly living in an age of innovation.
Science and technology have been instrumental in establishing modern civilization. This progress has significantly impacted nearly every aspect of our daily routine, providing us with comforts that make life more enjoyable and stress-free. There are countless benefits to be gained from science and technology, both big and small. For example, the morning news we read for reliable information is made possible by scientific advancements. Additionally, essential electrical devices like refrigerators, air conditioners, microwaves, and more are all products of technological progress.
</p>
</section>
<footer>All rights reserved 2021</footer>
</body>
</html>