<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8" />
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
<title>Padding , margen and border</title>
</head>
<style>
#padding {
border: 3px solid #ecb6ff;
background-color: rgb(240 224 255);
padding: 30px;
}
.margin {
border: 3px solid #ecb6ff;
background-color: rgb(240 224 255);
margin: 50px;
}
</style>
<body>
<h3>
This is simple page on which we wana write the properties of the padding
margen and borders
</h3>
<!-- padding tag is used to give space between border and text that are used in the page and it is simple way for the give spacig and may be form all side at a type or from left right top bottom and we will gives its value i pixel like px -->
<!-- and after this we have a tag called margin which is out side of the pading and it is out side of the bordr also if we create a block then left side space right side space and top botom spaces wioll be given by the margin and margen simply applied from top bottom left right and we wanna apply as x xaxis and y axis then it will be also be written by y axeis value first and x axis value later this is known as margin -->
<p id="padding">
Lorem ipsum dolor sit amet consectetur, adipisicing elit. Neque provident
saepe, asperiores quis aliquid cumque obcaecati et adipisci ullam
eligendi, nobis facilis officiis, facere recusandae voluptas distinctio
libero harum temporibus repellendus dolore consequuntur qui. Culpa
temporibus ab eveniet assumenda accusamus!
</p>
<p class="margin">
Lorem ipsum dolor sit amet consectetur, adipisicing elit. Laudantium rerum
dolorum cumque sequi? Tempora quidem, iure numquam tenetur quos modi
maxime? Veritatis doloribus in at natus fugiat. Soluta, quas possimus
alias amet adipisci voluptates. At ipsa optio illo, dolorum aspernatur
repellat dolor fugiat nostrum quod.
</p>
<!-- this is very wasst topic but now i maboring to doignthis so wana end this topic there for more and next we chekc floats in css -->
<p><strong>THANK YOU</strong></p>
</body>
</html>
Tags:
Web Development Cource