<!DOCTYPE html>
<style>
div {
  font-size: 20px;
  font-family: Ahem;
  color: green;
}
span {
  background-color: green;
}
.start {
  border-inline-start: 50px solid green;
  padding-inline-start: 50px;
}
.end {
  border-inline-end: 50px solid green;
  padding-inline-end: 50px;
}
</style>
<div><span class=start>XXXXX</span></div>
<div><span class=end></span></div>
<div><span class=start></span></div>
<div><span class=end>XXXXX</span></div>