padding-top

padding-top: 1em;

padding-top: 10%;

padding-top: 20px;

padding-top: 1ch;

padding-top: 0;

<section id="default-example">
  <div class="transition-all" id="example-element">
    <div class="box">
      Far out in the uncharted backwaters of the unfashionable end of the
      western spiral arm of the Galaxy lies a small unregarded yellow sun.
    </div>
  </div>
</section>

#example-element {
  border: 10px solid #ffc129;
  overflow: hidden;
  text-align: left;
}

.box {
  border: dashed 1px;
}

/* <length> 值 */
padding-top: 0.5em;
padding-top: 0;
padding-top: 2cm;

/* <percentage> 值 */
padding-top: 10%;

/* 全局值 */
padding-top: inherit;
padding-top: initial;
padding-top: revert;
padding-top: revert-layer;
padding-top: unset;

.content {
  padding-top: 5%;
}
.sidebox {
  padding-top: 10px;
}