Как можно поднять строку поиска и сделать отступ в CSS ?

Question

Как можно поднять строку поиска и сделать отступ в CSS ?

арсений напольский Ученик (210), на голосовании 7 месяцев назад

код CSS

 .search input[type=text] { 
	float: right; 
    width: 300px; 
    height: 25px; 
    border-radius: 25px; 
    border: none; 
} 
button{ 
	float: right; 
}

Answer 1

Петр Алексеевич Оракул (82071) 8 месяцев назад

Это плохой код, так сейчас не пишут, я про float.
Тебе лучше показать html код того, что нужно расположить и объяснить или нарисовать, как их расположить. Скорее всего тебе flex поможет

арсений напольскийУченик (210) 8 месяцев назад

вот смотрите мне надо поднять строку поиска и кнопку я не пойму как это сделать с помощь flex?

арсений напольскийУченик (210) 8 месяцев назад

 !DOCTYPE html> 
 
 
     
     
    Анимациология 
      
 
 
    Search Bar 
              content="width=device-width, initial-scale=1"> 
    "https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.7.0/css/font-awesome.min.css">

арсений напольскийУченик (210) 8 месяцев назад

   
    Анимациология
  
  
  
  
    Главная  
    новинки  
    Помощь

Петр Алексеевич Оракул (82071) арсений напольский, вот у тебя оба элемента в form лежат. Дай форме класс какой-то и ей задай отображение.

...

и в стили добавь

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

align-items выравнивает элементы по оси