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

Question

[Artix]

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

P.S. Александр Аксентьев, спасибо, но вариант 3/4 не подходит.

Answer 1

[Максим Дунаевский]

Никак. Можно сверстать таблицу, где у ячеек будет только нижняя и верхняя границы соответственно с collapse: collapse, но это костыль. Посмотрите лучше сюда www.mathjax.org или вот сюда https://github.com/Khan/KaTeX
Там хватит не только обыкновенные дроби, а вообще всё что угодно отобразить.

Answer 2

[zooks]

Уже есть решение:
jsfiddle.net/xW7d8

Для чего-то более сложного смотри TeX:
https://ru.wikipedia.org/wiki/TeX

Answer 3

[Татьяна]

&_frac12; (символ "_" убрать)
-так пишется дробь 1/2, результат: ½

Посмотрите еще www.econlib.org/library/asciicodes.html

Answer 4

[Александр Аксентьев]

3/4
не благодари

Answer 5

[trampaletka]

Можно так:

Результат:

Answer 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>