Нужно выровнять кнопку поиска со строкой поиска, как это сделать в css?

Question

[Aladdin]

Нужно, чтобы кнопка и строка поиска были на одном уровне

Answer 1

[iBird Rose]

1) даешь кнопке absolute и выравниваешь
2) делаешь кнопку и инпут inline-block(не забыть убрать пробелы) и выравниваешь их задавая фикс width для кнопки и calc(100% - widthКнопки); для инпута

Answer 2

[ex3manet]

<img src="img/search.gif" width="48px" style="margin-left: -48px;">

и в

img в style.css добавить параметр : position: absolute;

Answer 3

[Александр Ружевич]

поместите картинку и инпут в отдельный блок, задайте им float, родителем спозиционируте

Answer 4

[Sergey Loysha]

.search {
  display: flex;
  align-items: center;
}