Какие стили нужно прописать для этих кнопок?

Question

[Ray S]

cуществующий код:

<form class="form-inline">
                        <label class="sr-only" for="inlineFormInputNAME">NAME</label>
                        <input type="text" class="form-control mb-2 mr-sm-2 mb-sm-0" id="inlineFormInputNAME" placeholder="NAME">
            
                        <label class="sr-only" for="inlineFormInputGroupPassword">EMAIL</label>
                        <div class="input-group mb-2 mr-sm-2 mb-sm-0">
                            <input type="text" class="form-control" id="inlineFormInputGroupPassword" placeholder="EMAIL">
                        </div>
                        </form><img src="https://habrastorage.org/webt/5d/65/d9/5d65d95a7b81a711838652.jpeg" alt="image"/>

Comments

[Rustam Bainazarov]

Какие-то. Где пример потугов? Что не получилось?

Код — на Jsfiddle, например.

[runprogr]

Так а в чем загвоздка ?
Бордер-радиусом скругляем углы
Паддингами для input, либо input:placeholder настраиваем отступы
Флексами ставим инпуты друг за другом как нам надо (только с контейнером div лишним надо разобраться, либо добавить для обоих input-ов, либо убрать у обоих, а то как то странно), ну и лэйблы непонятно зачем, на скрине их нет

[Brad9aga]

Рустам Байназаров, это клиника

[Rustam Bainazarov]

Brad9aga, да нет, тут был скриншот до этого, он его зачем-то удалил.

[Brad9aga]

Рустам Байназаров, Да тут дело далеко не в картинке

Answer 1

[Andrey Vasilev]

https://codepen.io/Nolis/pen/yLBbZdy держи
поправишь размеры только, если важно

Comments

[Ray S]

вселенское спасибо

Answer 2

[Чипекве]

https://www.w3schools.com/howto/howto_css_pill_but...