Я создал этот div:

.content {
  display: flex;
}
<div class="content">
  <div>MC</div>
  <div>MR</div>
  <div>M+</div>
  <div>M-</div>
  <div>MS</div>
  <div class="sup">M<sup>-</sup></div>
</div>

И установите значение отображения для содержимого класса на flex, но тег sup больше не будет работать! Как я могу исправить эту проблему, чтобы этот тег работал?

4
maryam 23 Окт 2019 в 17:33

1 ответ

Лучший ответ

Вам просто нужно сбросить выравнивание до базовой линии:

.content {
  display: flex;
  align-items:baseline;
}
<div class="content">
  <div>MC</div>
  <div>MR</div>
  <div>M+</div>
  <div>M-</div>
  <div>MS</div>
  <div class="sup">M<sup>-</sup></div>
</div>
4
Temani Afif 23 Окт 2019 в 17:37