Как перенести текст внутри кнопки с изображением?

Question

[Nik32]

Подскажите как можно перенести текст внутри кнопки. В неё вставлено изображение, хочу прописать текст к ней "Нормативные", а "документы" перенести. Делал через "
" получается "Нормативные" вверху, а "документы" внизу.

<button type="button" class="sac neon-btn neon-btn--blue" style="white-space: normal;"><img src="image/notepad-with-pen.png" alt="logo" width="70" height="70"class="d-inline-block align-text-top">  Нормативные документы</button>
    </div>

CSS

.neon-btn {
  border: 1px solid;
  background-color: transparent;
  font-size: 15px;
  padding: 5px 5px;
  transition: 0.2s;
  margin-right: 10px;
 }
.neon-btn--blue {
  color: #fff;
}

.neon-btn--blue:hover {
  /*background-color: #4cc9f0;*/ закрашевание кнопки
  color: #fff;
  border: 1px solid #4cc9f0;
  box-shadow: 10px 10px 50px 1px #4cc9f0;
}

Comments

[Юрий Матрос]

Не совсем понятен конечный результат...
Нормативные <br> документы
так не переносится?

Answer 1

[psiklop]

Как вариант, у меня неплохо вышло

<div style='display: inline-block; vertical-align: middle'>&nbsp;Нормативные<br>документы</div>

P.S. img тоже vertical-align: middle

Answer 2

[Nik32]

Что то с рисунком у меня тоже самое вышло