ความสูงขององค์ประกอบอินไลน์-บล็อกใน CSS

หากไม่ได้กำหนดความสูงให้กับองค์ประกอบอินไลน์-บล็อก ความสูงของมันจะถูกกำหนดโดยเนื้อหา คล้ายกับองค์ประกอบอินไลน์:

html<span>text</span>

cssspan {
  width: 100px;
  border: 1px solid red;
  display: inline-block;
}

Результат: