Ich habe vertikale Links links/rechts von meiner Website, aber sie sind nicht zentriert auf der Seite. Ich möchte den rechten und linken Link vertikal zentrieren!vertikaler Text nicht zentriert
CSS
[class*="navigation"] .nav-previous,
[class*="navigation"] .nav-next {
position:fixed;
top: 50%; bottom: 0;
transform: translateY(-25%);
text-align: center;
}
[class*="navigation"] .nav-next { left: 0px; }
[class*="navigation"] .nav-previous { right: 0px;}
[class*="navigation"] .nav-previous a,
[class*="navigation"] .nav-next a {
position: absolute;
text-transform: uppercase;
display: inline-block;
color: #4d4d4d;
white-space: nowrap;
background-color: #fff;
padding: 15px 15px 10px 15px;
}
[class*="navigation"] .nav-previous a {
right: 0;
transform-origin: top right;
transform:rotate(-90deg);
}
[class*="navigation"] .nav-next a {
left: 0;
transform-origin: top left;
transform:rotate(90deg);
}
Output
EDIT: HTML wird durch Wordpress erzeugt, aber die Ausgabe ist
<nav id="nav-BN" class="post-navigation" role="navigation">
<div class="nav-previous">
<a rel="prev" href="http://localhost/wordpress/?p=224">
</div>
<div class="nav-next">
<a rel="next" href="http://localhost/wordpress/?p=413">
</div>
</nav>
und Ihre HTML ist? – dippas
Dies ist kein minimales vollständiges Beispiel, da HTML nicht vorhanden ist. http://StackOverflow.com/Help/Mcve –
HTML zu der Frage hinzugefügt. Wie bereits erwähnt, wurde es durch Wordpress-Posts und die functions.php generiert. – user3550879