Как разместить значок рядом с текстом на значке

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>