html - What's the simplest way to center a headline with a certain width and add margin to it while maintaining cross browser compatible? -

i've got webpage that's built on framework claims cross browser compatible, however, i'm trying customize custom css, want headline align center , not @ 100% width.

i'm using width: 60%; , margin-right: 150px; achieve want applied h1 selector, although works, isn't cross browser compatible when resize browser down, goes way right.

please note that, direction:rtl; used.

you can set text-align:center text. if have set width text, then

.text{  width:60%;  margin-left:auto;  margin-right:auto; }