アイコンのテキストの隣にアイコンを表示する方法

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>