Learn how to create fractions in HTML using CSS. This method avoids images and improves SEO performance.
๐ Methods
- Text (1/2)
- Images
- LaTeX
- CSS + HTML
๐จ CSS Code
.frac {
display:inline-block;
text-align:center;
}
.frac span {
display:block;
}
.frac .bottom {
border-top:1px solid #000;
}
๐ป HTML Code
<div class="frac"> <span>1</span> <span class="bottom">2</span> </div>
⚙️ Steps
- Go to Blogger
- Edit Theme
- Add CSS
- Insert HTML
- Publish
❓ FAQ
Best method? CSS + HTML
SEO friendly? Yes
Works in Blogger? Yes