Почему при равном padding отличается поведение этих двух input?

488
24 ноября 2016, 10:18

В этом коде в div test-name при добавлении padding-left: 4% input-ы перестают быть выровненными. При удалении этого padding-а они выравниваются.

<div class="test-name">
        <input class='test-name' placeholder="Test name" type="text">
        </br>
        <input placeholder="Description" type="text">
    </div>

Я хочу, чтобы первый input начинался там же где второй.

Answer 1

Так у description padding у вас и не добавляется. Вот так они будут на одном уровне код

html:

<div class="test-name">
    <input class='test-name' placeholder="Test name" type="text">
    </br>
    <input class="test-description" placeholder="Description" type="text">
</div>

css:

.test-name 
  padding-left: 4% // Здесь возможно что-то
  padding-right: 4%
.test-description
  padding-left: 4%
READ ALSO
Bootstrap Accordion, не скрываются другие вкладки
CSS

Bootstrap Accordion, не скрываются другие вкладки

Доброго времени суток. .

452
Как сделать такой эффект фона? [закрыто]
CSS

Как сделать такой эффект фона? [закрыто]

Как сделать такой же эффект, как на сайте ниже, при котором фон остаётся на месте, а сайт "листается" дальше?.

510
Расположение рисованных кругов CSS
CSS

Расположение рисованных кругов CSS

Есть стиль, выглядит так, нужно сделать, чтобы круги располагались в шахматном порядке, как на картинке. Нужно замостить так весь бэкграунд....

 552
Не работает выравнивание
CSS

Не работает выравнивание

Помогите, в следующем коде не работает выравнивание. Выравнивает только высоту, то есть 60px.

458