JSFiddle - React, Tailwind, and code Playground

HTML

<ul class="items">
    <li>
        <h4>Prevent LineBreakOfPlus <span class="goto">+</span>
        </h4>
    </li>
    <li>
        <h4>Digital Signage <span class="goto">+</span></h4>
    </li>
</ul>

CSS

.items {
    padding:0;
    margin:0;
}
.items li {
    border: 1px solid red;
    list-style-type: none;
    position: relative;
}
.items h4 {
    margin:0; padding:0; font-size:16px; padding-right:10px;
}

.items .goto {
    margin-top: -10px;
    position: absolute;
    right: 0;
    top: 50%;
}