padding-right

padding-right: 1.5em;

padding-right: 10%;

padding-right: 20px;

padding-right: 1ch;

padding-right: 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-right: 0.5em;
padding-right: 0;
padding-right: 2cm;
/* <percentage> の値 */
padding-right: 10%;
/* グローバル値 */
padding-right: inherit;
padding-right: initial;
padding-right: revert;
padding-right: revert-layer;
padding-right: unset;

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