Я пытаюсь включить изображение и текст внутри элемента кнопки. Мой код выглядит следующим образом:
<button class="testButton1"><img src="Car Blue.png" alt="">Car</button>
CSS:
.testButton1
{
font-size:100%;
height:10%;
width: 25%
}
.testButton1 img
{
height:80%;
vertical-align:middle;
}
Что бы я хотел сделать, это поместить изображение в левый край кнопки и поместить текст либо в центр, либо вправо. Использование & nbsp работает, но, возможно, немного грубо. Я попытался окружить изображение и текст пробелами или div, а затем позиционировать их, но это, кажется, испортило вещи.
То, что, как представляется, происходит, заключается в том, что что-либо внутри тега кнопки (если не отформатировано) позиционируется как единое целое в центре более широкой кнопки (не заметно, если ширина кнопки остается автоматической, поскольку оба элемента являются побочными, сторона.
Любая помощь, как всегда, ценится. Спасибо.