[tsigel]

Вам надо взять первую букву и обрамить её в тег и вставить перед словом, остальное дело стилей:

<style>
  
  .example {
    padding: 5px;
    background: green;
    color: yellow;
    font-size: 20px 15px;
    border: 1px solid #eee;
    border-radius: 50%;
  } 

</style>
<span class="example">S</span>

Для медитации:
https://learn.javascript.ru/modifying-document
https://learn.javascript.ru/dom-nodes

выкладывайте ваши попытки.