如何在图标上显示文字旁边的图标

Question

我正在尝试使用带有图标和文字的按钮。左侧的图标和右侧的文字。下面的代码给了我一个顶部带有图标而底部带有文本的按钮。

<button class="btn-simple2" > 
    <a href="<%= Url.Action("Confirmation","Dashboard", new { id = Model.Data.Id })%>" rel="external"   target="_blank" class="ui-icon ui-icon-print"> 
    </a>Print Confirmation 
</button> 

我该如何让它们相邻？我浏览了这个网站的问题，这就是我得到这个目标的方式。请帮忙！

Answer 1

尝试，做一些事情这样的：

CSS：

.btn-simple2 { 
    padding-left: 24px; 
    background: url(../path/to/image) 0px 0px no-repeat; 
} 

HTML：

<a class="btn-simple2" 
    href="<%= Url.Action("Confirmation","Dashboard", new { id = Model.Data.Id })%>"> 
    Print Confirmation 
</a>