如何在图标上的文本旁边设置图标

本文关键字：图标 设置 文本 | 更新日期: 2023-09-27 18:28:38

我正在尝试一个带有图标和文本的按钮。左侧的图标和右侧的文本。下面的代码给了我一个按钮，上面有一个图标，下面有文本。

<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>

我怎样才能把它们挨在一起？？我已经浏览了这个网站上的问题，这就是我走到这一步的原因。请帮忙！

如何在图标上的文本旁边设置图标

尝试，做一些类似的事情：

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>
相关文章：