New course! Every coder should learn Generative AI!
Try a free lesson+ 2
https://code.sololearn.com/WC4W6WQA104K/?ref=app
See this I had done it for you .
+ 1
<!DOCTYPE html>
<html>
<head>
<title>EL Captaino</title>
<link rel="stylesheet" href="https://fonts.googleapis.com/css2?family=Pacifico&display=swap" />
<style>
body{
background:#6e0f0d;
margin:0;
}
h1{
text-align:center ;
background:#ff5500;
color:#eeeeff;
font-weight:300;
font-family: 'Pacifico', cursive;
background-size:100%;
font-size:3em;
height:20px;
line-height:10px;
}
img{
width:100%;
}
.sergio{
border:inset 10px #00deef;
padding:10px;
margin:5px;
color:#fff;
}
</style>
</head>
<body>
<h1>El Captaino</h1>
<img src="https://encrypted-tbn0.gstatic.com/images?q=tbn%3AANd9GcQOJaow_0DQCTXSLi8Zea1aNxJEc9YPVecav29dtJzNjvQJxMYL&usqp=CAU" />
<p class="sergio">
He is a man. Looks like a cricket player.
</p>
</body>
</html>
<!--wish you like it -->
+ 1
Srinath thats background
with increased line height (height of line) 😊