Ok let us start now
First of all using
<div class="boxed">
this is the text.
</div>
alone won’t do anything.
Use this code
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8" />
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
<title>Page Title</title>
<style>
/* The . with the boxed represents that it is a class */
.boxed {
background: lightgrey;
color: black;
border: 3px solid black;
margin: 0px auto;
width: 456px;
padding: 10px;
border-radius: 10px;
}
</style>
</head>
<body>
<div class="boxed">
Lorem, ipsum dolor sit amet consectetur adipisicing elit. Rem quos esse
at. Eaque porro vel soluta vero labore. Eius possimus ipsum deleniti
perferendis quas perspiciatis reprehenderit adipisci fuga rerum velit.
Lorem ipsum, dolor sit amet consectetur adipisicing elit. Sed minus
voluptatem consequatur fugiat excepturi reiciendis nulla! Modi dignissimos
molestiae perspiciatis commodi! Autem, deleniti neque aperiam excepturi
sunt corrupti ipsam voluptatum!
</div>
</body>
</html>
I hope it helps.
