Button não é reconhecido

Front-end HTML
#1

Estou realizando um projeto de Rich Text Editor, fui setar os “botões” de escolha de personalização de font, porém a primeira linha escrita no código não está sendo reconhecida como um botão, qual problema poderia ser?

image
image.png1303×564 37 KB

Abaixo segue o código:

<div class="main-content">
<div class="text-editor-header"

<button type="button" class="btn" data-element="bold">
  <i class="fa fa-bold"></i>
</button>
<button type="button" class="btn" data-element="italic">
  <i class="fa fa-italic"></i>
</button>
<button type="button" class="btn" data-element="underline">
  <i class="fa fa-underline"></i>
</button>
#2

não tem que fechar aqui? (segunda linha)