Here you see where it shows $  the $ is the currency displayed before the value and the is a non-breaking space is a space that will not break into a new line. Thatβs why it shows up in one line.<div id="money-container">
<div id="money-cash">
<transition name="slide-fade">
<p v-if="showCash"><span id="sign">$ </span><span id="money">{{(cash)}}</span></p>
</transition>
</div>
<div id="money-bank">
<transition name="slide-fade">
<p v-if="showBank"><span id="sign">$ </span><span id="bank">{{(bank)}}</span></p>
</transition>
</div>
<div id="money-change" v-if="showUpdate">
<p v-if="plus" id="money"><span id="plus">+ </span><span id="money">{{(amount)}}</span></p>
<p v-else-if="minus" id="minus"><span id="minus">- </span><span id="money">{{(amount)}}</span></p>
</div>
</div>
<p v-if="showBank"><span id="sign">R </span><span id="bank">{{(bank)}}</span></p>

