Hallo... Ich habe ein Prblem auf meiner Seite... Meine Zwei Buttons lassen sich nicht zentrieren!
meine Webseite: http://simuundquex.de
Code
<div id="buttondiv"> <button type="button" id="youtubebutton" onclick="location.href='ts3server://simuundquex.de'"><i class="fa fa-gamepad"></i> Simuletsplay</button>
<button type="button" id="youtubebutton" onclick="location.href='https://www.youtube.com/channel/UCffB1WfAGo6iXGxLf1amBIw'"><i class="fa fa-gamepad"></i> minimiquex</button>
</div>Code
#youtubebutton{
background-color: white;
color: #ED2323;
padding: 15px 32px;
margin: 0 auto;
text-decoration: none;
font-size: 16px;
cursor: pointer;
border: 3px solid #ED2323;
display: inline-block;
align-items: center;
justify-content: center;
-o-transition: color .2s ease-out, background .2s ease-in;
-ms-transition: color .2s ease-out, background .2s ease-in;
-moz-transition: color .2s ease-out, background .2s ease-in;
-webkit-transition: color .2s ease-out, background .2s ease-in;
transition:color .2s ease-out, background .2s ease-in;
}
#youtubebutton:hover
{
color: white;
background-color: #ED2323;
border: 3px solid #ED2323;
}