<style>
@font-face {
  font-family: "Gulf";
  src: url("resources/Gulf-regular.ttf");
}
div {
  font-family: Gulf;
  font-size: 40px;
  margin: 50px;
}
span {
  padding: 0;
}
.horizontal {
  border-bottom: 2px solid black;
}
.vertical {
  writing-mode: vertical-lr;
  border-left: 2px solid black;
}
</style>
<div><span class="horizontal">XXX</span></div>
<div><span class="vertical">XXX</span></div>
