I want to create a CENTERED header with button on right.  

I already have something like this:  

```css
h1{
  text-align : center;
  margin-right : 32px;
}

button{
  position: absolute;
  top: 32px;
  right: 32px;
}
```

```html
<html>
<body>
<div><h1>test</h1><button style="float: right;">test</button></div>
<div style="text-align: center;">text</div>
</body>
</html>
```

but in this case header isn't centered to full width page.   

also, if header is too long it should not cover button..  

Thank you for reading!