使用imageview和文本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;