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 operaenter image description here

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

Popular posts from this blog

php - failed to open stream: HTTP request failed! HTTP/1.0 400 Bad Request -

java - How to filter a backspace keyboard input -

java - Show Soft Keyboard when EditText Appears -