Как сверстать такое поле с прижатой кнопкой?

Question

[Ord EO]

Являюсь новичком в верстке, подскажите как сверстать такое поле ввода и прижатую к нему кнопку подтверждения.

Answer 1

[Martovitskiy]

Comments

[Ord EO]

спасибо за подробный пример, но я столкнулся с проблемой добавляя сверху в поле селект все начинает уезжать

<form>
<select name="countryCode" class="country_code">
            <option data-countryCode="GB" value="44" Selected>RU +7</option>
          </select>
<form action="#">
  <input type="search" placeholder="Phone Number" >
  <button type="submit">Send Link</button>
</form>

Т.е. в идеале я хочу вот такого результата, но при добавлении селека все уезжает.

Можно ли как-то разместить каждый пункт в отдельную форму, или лучше заменить display: inline-block, на display: flex;

[strelok011]

Флекс годится, и поможет запретить перенос строк по умолчанию.

Answer 2

[Dymok]