如何在圖標上顯示文字旁邊的圖標

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>