Answers for "border padding css"

-1

html box

<!DOCTYPE html>
<html>
	<head>
		<title>Page Title</title>
	</head>
	<body>
	    <style>
	        .box {
	            height:5px;
	            width:5px;
	            background-color:blue;
                padding-top: 30px;
                padding-right: 30px;
                padding-bottom: 30px;
                padding-left: 30px;
                color:blue;
                border-width: 15px 15px 15px 15px;
                border-color: blue;
                border-style: solid;
                border-radius: 70%
                outline-color: blue;
                margin-top: 10px;
                margin-bottom: 10px;
                margin-right: 10px;
                margin-left: 10px;
            }
	    </style>
		<div class="box">
		    <h1 style="color:black;position:absolute;font-family:helvetical;font-size:20px;left:20px;bottom:325px;">Your Text</h1>
		</div>
	</body>
</html>

Posted by: Guest on September-20-2020

padding margin and border

GO TO THIS LINK
https://www.geeksforgeeks.org/css-margins-padding/
https://media.geeksforgeeks.org/wp-content/uploads/cssmarginandpadding.png

Posted by: Guest on November-25-2020

how to add a word between borders css

fieldset {
  display: block;
  margin: 20px auto;
  padding: 15px;
  border: 0;
  border: 1px solid red;
  width: 50%;
}
legend {
  display: table;
  min-width: 0px;
  max-width: 70%;
  position: relative;
  margin: auto;
  padding: 5px 20px;
  font-size: 20px;
  text-align: center;
}
<fieldset>
  <legend>legend</legend>
  <div>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Beatae obcaecati dolore eligendi quaerat ad et possimus provident amet magni maiores, corporis, cupiditate omnis maxime dolorum saepe adipisci tempora perferendis optio.</div>
</fieldset>

Posted by: Guest on March-22-2020