<!-- begin snippet: js hide: false console: true babel: false -->
<!-- language: lang-css -->
p{
font-family:serif;
}
.fraction {
font-weight:400;
font-family: verdana;
}
<!-- language: lang-html -->
<p>here is a line of text</p>
<p>with some fractions <span class="fraction">⅛ <span </p>
<!-- end snippet -->
<!-- begin snippet: js hide: false console: true babel: false -->
<!-- language: lang-html -->
<body>
<div style="position: absolute; left: 50%;">
<div style="position: relative; left: -50%; border: dotted red 1px;">
I am some centered shrink-to-fit content! <br />
tum te tum
</div>
</div>
</body>
<!-- end snippet -->
