display content in horizontal code example

Example 1: center h1 css

h1 {
    width:500px;
    margin: 0 auto;
    background: gray;
    text-align: center;
}

Example 2: css display offscreen

.sr-only {
position:absolute;
left:-10000px;
top:auto;
width:1px;
height:1px;
overflow:hidden;
}
<div class="sr-only">This text is hidden.</div>