Помогите пожалуйста с блоком? [дубликат]

244

05 февраля 2018, 03:28

На данный вопрос уже ответили:

Как вставить иконку в input [дубликат] 4 ответа

Каким образом можно разместить в одном блоке из картинки кнопку поиска, как на картинке!

Answer 1

Один из возможных вариантов

.block { 
  max-width: 1200px; 
  margin: 0 auto; 
  background-color: #f7f7f7; 
  height: 100px; 
  display: flex; 
  align-items: center; 
  justify-content: space-between; 
} 
.block__left { 
  margin-right: 80px; 
} 
.block__right { 
  display: flex; 
    align-items: center; 
  justify-content: space-between; 
} 
.block__field { 
  margin-right: 20px; 
}

<div class="block"> 
  <div class="block__left"> 
    <img src="https://placeholdit.co//i/700x100"> 
  </div> 
  <div class="block__right"> 
    <input type="text" class="block__field"> 
    <input type="submit" value="BTN"> 
  </div> 
</div>