htmlとcssで分数を表示後、分数の右側に文書を書きたい

<style>
.fraction{
display: inline-block;
vertical-align: middle;
text-align: center;
}
.fraction_n,.fraction_d{
display: block;
}
.fraction_n{
border-bottom: 1px solid #333;
}
span{
margin-left: 5px;
margin-right: 5px;
}
</style>

<span class="fraction">
<span class="fraction_n">&nbsp2&nbsp</span>
<span class="fraction_d">&nbsp4&nbsp</span>
</span>

で、分数「2/4」が表示されますが、分数の右に「を約分します。」と表示させるにはどうすれば良いのでしょう。html、cssは初心者です。よろしくお願いします。

No.1 ベストアンサー 回答者： fujillin 回答日時： 2022/04/28 10:35

こんにちは

inline-blockになっているので、そのまま続ければ良いです。
ご提示の部分の次の行にでも、
＞「を約分します。」
と書いてみれば？

ここで聞いているよりも、試してみればすぐにわかることです。

＞で、分数「2/4」が表示されますが～
とあるので、全体をHTMLとしてまとめる方法や、表示する方法はご存じなのですよね？

この回答へのお礼

＞全体をHTMLとしてまとめる方法や、表示する方法はご存じなのですよね？
多分大丈夫だと思います。
最後の</span>の次の行に「を約分します。」を書いたら、なりました。
何でもかんでも文章を書くときには<p>……</p>を付けるものだと思い込んでいました。ありがとうございます。

お礼日時：2022/04/28 11:55