JSFiddle - React, Tailwind, and code Playground

HTML

<div class = "problem">
    <div class = "fraction">
        5
        <hr />
        6
    </div>
    <div class= plus>
        +
    </div>
    <div class = "fraction">
        5
        <hr />
        6
    </div>
</div>

CSS

.fraction{
    width: 15px;
    text-align: center;
}

.problem > *{
    
      display:inline-block;
      margin: 10px;
      vertical-align:middle;
}