Задать вопрос
nikkorejz
@nikkorejz
Android developer

Запись обыкновенной дроби в html?

Доброго времени суток. Нужно записать обыкновенную дробь (та дробь, где числитель и знаменатель через горизонтальную черту пишутся) без картинок, я слышал, что это возможно магией CSS, но в гугле ничего подходящего не нашел.
Пример, который использовать нежелательно:
3
_
4

P.S. Александр Аксентьев, спасибо, но вариант 3/4 не подходит.
  • Вопрос задан
  • 27865 просмотров
Подписаться 3 Оценить Комментировать
Ответ пользователя MiniGameNickName К ответам на вопрос (6)
@MiniGameNickName
<style>
 .elem {
  display: flex;
  align-items: center;
 }
 .cont {
  text-align: center;
  display: inline-block;
 }
 .sign {
  margin: 0;
  height: 1px;
  border: none;
  background: #000000;
 }
</style>

<div class="elem">
 <div class="cont">1<hr class="sign">777</div> &#160;+&#160;
 <div class="cont">458<hr class="sign">3</div> &#160;&minus;&#160;
 <div class="cont">784<hr class="sign">689</div>
</div>
Ответ написан
Комментировать