Создать кнопку с изображением и текстом html

Question

Я создал кнопку imageview и text. вот мой код:

.button-login { 
 
    border: 2px solid #007ac0; 
 
    border-radius: 10px; 
 
    color: #007ac0; 
 
    background-color: #ffffff; 
 
    padding: 1em 2em; 
 
} 
 
.csslogin{ 
 
    margin-left: 10px; 
 
    vertical-align: middle; 
 
}

<button class="button-login"><span class="csslogin"><img class="csslogin" src="img\icon_lock.png" width="20" height="20" >Login</span></button>

Теперь я хочу установить пространство между imageview и text в button. Как это сделать? Спасибо всем

Answer 1

Используйте поле или дополнение между изображением и текстом. Вы должны изменить

margin-left:10px; 

в

margin: 0 10px;