Как правильно оформить блок с формулами с помощью CSS?

Question

[Валерий Суворов]

Ребята-профессионалы, подскажите пожалуйста, как правильно сделать оформление средствами HTML и CSS блока с формулой?

• Какой должна быть семантика HTML?
  
• Какое лучше придать оформление CSS для лучшего восприятия?
  

Код:
codepen.io/valerun/pen/GWZJKV

Comments

[Moskus]

Странный вопрос. Это простая формула, которая никакого специального оформления, в общем, не требует. А остальное - дело вкуса, так что вопрос выходит субъективным, что плохо стыкуется с правилами Тостера.
Могу только сказать, что для лучшей читаемости формул, нужно во-первых, избавиться от "программистского" знака умножения в виде звёздочки, либо совсем (как это принято в математике), либо заменить его на нормальный знак умножения "×".
Также совершенно непонятно, зачем для обозначения градусов Цельсия вы используете символ "ᵒ" (modifier letter small O из блока фонетических символов), а не знак градуса "°" (U+00B0) и кириллическую букву "С", а не латинскую "C"?
Почините это, и будет уже лучше.

[Валерий Суворов]

Moskus: Хоть это и не решение, но вы уже навели на правильные мысли! Большое спасибо!

Answer 1

[Константин Давыдов]

Через верхний и нижний индекс.

Comments

[Валерий Суворов]

Вы невнимательно прочитали вопрос. С этим проблем нет.