text-align center for opera - css -
if chrome this:
.text-center { text-align: -webkit-center; }
and firefox:
.text-center { text-align: -moz-center; }
how in opera?
.text-center { text-align: -o-center; }
is not working.
update:
html:
.container .text-center.label-margin %h3 .bubble leadership
css of bubble class.
.bubble { position: relative; width: 170px; height: 45px; padding: 11px 0 0 0 !important; background-color: #333333 !important; font-style: normal !important; font-family: 'fira sans', sans-serif; font-size: 25px; font-weight: 600; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; color: #fff; }
it looks in opera
you not need prefix text-align property. can use:
text-align:center;
instead (which should work on browsers).
further reading:
- w3.org documentation on text-align property.
- here's quite nice css-tricks article might find useful.
- if we're talking property, caniuse... 1 of 'best' browser compatibility websites out there, info on css properties.
please note: border-radius not require prefixing (and hasn't done quite time now), whilst using !important
considered bad practise, advise out of habit of using it.
Comments
Post a Comment