Как рассчитать ширину элемента в следующем коде?

Question

[vRina]

Добрый вечер. Я новичок, прохожу обучение и никак не могу понять как рассчитать ширину, подскажите пожалуйста как считать, что на что влияет, уже прочитала куча информации, три раза пересмотрела лекцию и все равно допускаю ошибки в этих заданиях. Подскажите ,где изучить данную тему.
Рассчитайте ширину элемента в следующем коде:

span {
  display: inline;
  width: 120px;
  padding: 10px 15px 20px 25px;
  border: 1px solid #000000;
}

Рассчитайте ширину элемента в следующем коде:

span {
  display: block;
  width: 120px;
  padding: 10px 15px 20px 25px;
  border: 1px solid #000000;
}

Рассчитайте ширину контентной области элемента .content в следующем коде:

<div class="wrapper">
  <div class="content"></div>
</div>

.wrapper {
  box-sizing: border-box;
  width: 500px;
  padding: 20px;
}
        
.content {
  box-sizing: border-box;
  padding: 10px;
}

Comments

[Алексей Абрамов]

Вам скорее всего сюда

[Сергей Т]

И сюда обязательно загляни

Answer 1

[Сергей Т]

Почитай про блочную модель и свойство box-sizing
https://doka.guide/css/box-model/
https://doka.guide/css/box-sizing/

Comments

[Ruz_Ruz]

тут нету.