Button ausrichten via CSS - Problem mit der Ausrichtung

Liebe Community,

Ich schreibe gerade eine Website für einen YouTube Channel.

Ich habe dafür eine ganz simple website die ich eigentlich nur benutzen will für kürzere URLs ohne werbung etc.

Aufjeden fall habe ich dafür ein <a> element was einen "button" darstellen soll.

#EOM-HEADER p a{
	font-family:'AgencyFB-Reg';
	font-size: 1em;
	left:0px;right:0px;
	text-align:center;
	padding-left: 7.5%;
	padding-right: 7.5%;
	padding-top: 5%;
	padding-bottom: 5%;
	text-shadow: 0 1px 1px rgba(0,0,0,0.3);
	color: #fef4e9;
	border: solid 1px #da7c0c;
	background: #f78d1d;
	background: -webkit-gradient(linear, left top, left bottom, from(#faa51a), to(#f47a20));
	background: -moz-linear-gradient(top,  #faa51a,  #f47a20);
	filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#faa51a', endColorstr='#f47a20');
	letter-spacing: 3px;
	outline: none;
}

Wenn ich es verschiebe bleibt alles gleich aber sobalt ich ca. 80% verschoben hab verschneiden sich die "buttons".

Frage ist nun wie kann ich es machen das zb wenn ich 80% das es sich nach unten verschiebt?

Ich hoffe ihr versteht mich

Fg

Vielen dank für deine schnelle Antwort.

So soll es normal aussehen.

Wenn ich display:block benutze verschiebt sich jetz alles nach unten , mit float: left; funktioniert es aber es ist nicht zentriert mit text-align:center.

Hoffentlich kann mir jemand helfen da ich nicht der beste in HTML bin ( es soll ja nur ne website werden für YouTube damit es alles schöner aussieht und Profi mäßig )

Mfg

Vielen Vielen Vielen dank

Endlich hat es geklappt ich war sehr verzweifelt, danke für deine Hilfe :).

Mfg