Zur ersten Frage:

Die Unterschrift wird mittels text-align: center; zentriert:

<button>Button 1</button>
<button>Button 2</button>
<button>Button 2</button>
<h1>Überschrift</h1>

h1 {
    text-align: center;
}

button {
    float: left;
}

Wenn sich die Überschrift immer in der Bildschirmmitte befinden soll, muss man position: absolute; beim Button-Container setzen:

<div id="buttons">
	<button>Button 1</button>
    <button>Button 2</button>
    <button>Button 3</button>
</div>
<h1>Überschrift</h1>

h1 {
    text-align: center;
}

#buttons {
    position: absolute;
}

Hierbei kommt es allerdings bei kleineren Bildschirmgrößen zu einer Überlappung der Buttons mit der Überschrift.