Hallo... Ich habe das Problem, dass seitdem ich meine CSS-Datei ein bisschen aufgeräumt hab, dass ich dort ein Problem hab!
→ Mein Button ist nicht mehr zentriert... Ich hab schon alles probiert und sonst was...
Webseite: http://simuundquex.de
Hier die Codes:
Code
<section> <div id="buttondiv">
<button type="button" id="createclan" onclick="location.href='ts3server://simuundquex.de'"><i class="fa fa-microphone"></i> Verbinde dich auf unseren Teamspeak</button>
</div>
</section>Code
#butttondiv {
display: block;
align-items: center;
justify-content: center;
margin-top: 20px;
text-align: center;
}
#createclan
{
background-color: #2e9011;
border: none;
color: white;
padding: 15px 32px;
text-decoration: none;
font-size: 16px;
cursor: pointer;
float: center;
border: 3px solid #4c8450;
display: 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;
}
#createclan:hover
{
color: #4c8450;
background-color: white;
border: 3px solid #4c8450;
}