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

command line - Use qwinsta in PowerShell ISE -

java - Incorrect order of records in M-M relationship in hibernate -

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