if Chrome is look like this:

```
.text-center {
  text-align: -webkit-center;
}

```

and firefox:

```
.text-center {
  text-align: -moz-center;
}

```

how about in opera?

```
.text-center {
  text-align: -o-center;
}

```

is not working.

**UPDATE:**

HTML:

```
  .container
    .text-center.label-margin
      %h3
        .bubble LEADERSHIP

```

CSS of my 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 like in OPera![enter image description here](https://i.stack.imgur.com/eJeeo.png)