css border padding code example

Example 1: css padding

padding: 5px 10px 15px 20px; //top right bottom left

padding: 10px 20px;//top & bottom then left & right

padding-top: 5px; //just top padding
padding-right: 10px; //just right padding
padding-bottom: 15px; //just bottom padding
padding-left: 20px; //just left padding

Example 2: css top padding

padding-top: 25px;

Example 3: padding css

padding:10px 5px 15px 20px;
means
top padding is 10px
right padding is 5px
bottom padding is 15px
left padding is 20px

Example 4: html padding

<h2 style="padding-top: 20px; padding-right: 20px; padding-bottom: 20px; padding-left: 20px">London</h2>

Example 5: 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>