Post Buttons HTML

[Mati]

Code:

<span class="button-text1"><em class="fas fa-bolt"></em> New Topic</span> <span class="button-text1"> <em class="fas fa-reply"></em> Post Reply </span> <span class="button-text1"><em class="fas fa-lock"></em> Locked </span> <span class="button-text1"><em class="far fa-edit"></em> New PM</span>

[Mati]

Code:

<style>
.button-text.tag {
  background: #6b7280;
  color: inherit;
}
.button-text {
  color: #e6e7ea;
  background: #545964;
  border: 1px solid rgba(255,255,255,0.12);
  padding: 2px 8px;
  font-weight: 700;
  border-radius: 2px;
  font-family: 'Open Sans',sans-serif;
  font-size: 11px;
}
.button-text1 {
  background: #545964;
  color: #fefefe;
  border: 1px solid #666d7a;
  line-height: 30px;
  height: 30px;
  display: inline-block;
  font-family: 'Open Sans',sans-serif;
  font-size: 14px;
  width: 100px;
  text-align: center;
}
</style> <br /><span class="button-text tag"> <em class="fas fa-plus-circle"></em> Multi-Quote</span> <span class="button-text"> <em class="fas fa-plus-circle"></em> Multi-Quote</span> <span class="button-text"> <em class="fas fa-reply"></em> Quote</span> <span class="button-text"> <em class="fas fa-pencil-alt"></em> Edit</span> <span class="button-text"> <em class="fas fa-trash-alt"></em> Delete</span> <span class="button-text tag"> <em class="far fa-thumbs-up"></em> Thanks</span> <span class="button-text"> <em class="far fa-thumbs-up"></em> Thanks</span> <br />