Добавить значок внутри тега ввода поиска? ⇐ CSS

[Anonymous]

У меня есть это:

Код: Выделить всё

    body { background: #666; }

#header-search {
width: 200px;
background: black;
color: white;
font-size: 12pt;
border: 0px solid;
outline: 0;
vertical-align: -50%;
}

#header-search::-webkit-input-placeholder {
color: white;
}

#search-field svg {
fill: white;
width: 30px;
heigth: 30px;
}

Код: Выделить всё

Я хочу, чтобы значок SVG был последним в поиске поле ввода, как это сделать? Сейчас я понимаю, что значок находится снаружи, и это довольно некрасиво.

Подробнее здесь: https://stackoverflow.com/questions/343 ... -input-tag