Первое, что приходит на ум:

<style>
  .underlined {
    border-bottom: 3px solid #aaa;
  }
</style>

<p>
  <span class="underlined">Кластерное вибрато...</span>
</p>

• Кластерное вибрато полифигурно образует фьюжн, потому что современная музыка не запоминается.

Второе — сделать линию фоном — простой картинкой или, например, ЦСС-градиентом. В этом случае можно управлять позицией, подтянуть бордер к тексту:

.underlined {
  background-image: linear-gradient(#aaa, #aaa);
  background-position: 0 95%;
  background-size: 100% 3px;
  background-repeat: repeat-x;
}

• Кластерное вибрато полифигурно образует фьюжн, потому что современная музыка не запоминается.