I have this element and I would like it to display inline-block but horizontally. Currently, it is displaying as inline-block but vertically.
Here is my HTML:
<div class="ondisplay">
<div class="left-text">
<p>Newest</p>
</div>
<div class="toggle">
<input type="checkbox" value="yes" id="toggle" name="check" />
<label for="toggle"></label>
</div>
<div class="right-text">
<p>Most Popular</p>
</div>
</div>
This is my CSS:
.ondisplay {
text-align:center;
display: inline-block;
}