Вопрос по относительным единицам EM

253

08 января 2022, 12:50

Имеется код:

<!doctype html>
<head>
  <style>
  .padded {
    font-size: 16px;
    padding: 1em;
  }
  </style>
</head>
<body>
  <div class="padded">
    We have built partnerships with small farms around the world to
    hand-select beans at the peak of season. We then carefully roast in <a href="/batches">small batches</a> to maximize their potential.
  </div>
</body>

По логике вещей padding класса padded должен составлять 16 пикселей, и браузер, что Опера, что Хром последних версий указывают именно такое расстояние, однако когда начинаю проверять линейкой в фотошопе, отступ составляет 24 пикселя. И когда уменьшаю, увеличиваю EM единицы, отталкивается именно от этого числа. В чем здесь проблема?

ПОСЛЕДНИЕ ВОПРОСЫ

Все вопросы

ТОП-10

Все популярные вопросы

Поменять местами элементы в CSS

Есть список из элементов, первые два занимают по 25% ширины, а каждый третий 50%Размещены по три в строке, сколько будет элементов неизвестно,...

240

CSS

Новогодний конкурс 2020 года!

В прошлом году подобный конкурс неожиданно привлек большой интерес участников RUso

328

c++

Странно работает cin.get() после обработки ctrl+c

Суть программы в том, что пользователь вводит строку, которая посимвольно считывается и выводится на экранРеализована обработка ctrl+c, в результате...

105

c++

Ассемблер зациклился

Есть задание "Образовать строку из исходной, повторив 1-й и элемент 1 раз, 2-й элемент 2 раз, 3 и элемент – 3 раза и тд" на с++ с ассемблерными вставками

119