Below is some example HTML code:
<div>
<div class="fractop"><span>7</span></div>
<div class="fracbottom">3</div>
</div>
<div>
<div class="fractop"><span>4</span></div>
<div class="fracbottom">5</div>
</div>
And here is some accompanying CSS code:
<style>
.fractop{
border-bottom:solid black 0px;
display:inline-block;
float:left;
margin-top:20px;
text-align:center;
width:100%;
}
.fracbottom{
display:inline-block;
clear:left;
float:left;
width:100%;
text-align:center;
}
.fractop span{
border-bottom:solid black 3px;
}
</style>
The task at hand is to ensure that the "divide by" line for fractions remains fixed for two digits, not adjusting dynamically in length.