Adding an md-button seems to be causing some issues with the span element in my code. The number "5" is not displaying properly and it goes down. How can I fix this problem?
Here is the HTML:
<button md-button class="special-orders">special offers <span>5</span></button>
And here is the CSS:
.special-orders {
font-size: 15px;
color: white;
span {
font-size: 11px;
display:inline-block;
width: 15px;
height: 15px;
text-align: center;
color: #FF2868;
background-color: white;
border-radius: 50%;
vertical-align: middle;
padding: 0;
}
}