Dinner over, the guests left the hall ( splitting
Answers
<html>
<head>
<style>
body {
background:linear-gradient(100deg,purple,blue,
green,lime,yellow);
}
div{
box-shadow:0px 0px 20px #000;
width:250px;
height:auto;
position:relative;
margin:100px auto;
background:#fff;
border-radius:10px;
font-family:Verdana;
color:#333;
background-color:black;
}
p{
padding:50px;
padding-top:10px;
text-align:justify;
color:gold;
}
h1{
background:#b71540;
display:inline-block;
color:#fff;
padding:5px 25px;
position:relative;
left:-30px;
border-bottom-left-radius:5px;
}
h1:before{
position:absolute;
content:'';
width:50px;
height:50px;
background:#b71540;
top:20px;
left:10px;
transform:rotate(45deg);
z-index:-1;
}
</style>
</head>
<body>
<div>
<h1>Lorem Ipsum</h1>
<p>
Lorem ipsum, or lipsum as it is sometimes known, is dummy text used in laying out print, graphic or web designs. The passage is attributed to an unknown typesetter in the 15th century who is thought to have scrambled parts of Cicero's De Finibus Bonorum et Malorum for use in a type specimen book.<br >
<br>
</p>
</div>
</body>
</html>
thanks
Answer:
Please like and follow Me