Css'de satır yüksekliğini nasıl ayarlayabilirim.

Arkadaşlar bu kodlarda satır yüksekliğini bulamadım. Nerden ayarlayabilirim butonlar arasındaki boşluğu.

<style>



ul.svertical{

width: 200px; /* width of menu */

overflow: auto;

background: black; /* background of menu */

margin: 0;

padding: 0;

padding-top: 7px; /* top padding */

list-style-type: none;

}



ul.svertical li{

text-align: right; /* right align menu links */

list-style-type: none;

}



ul.svertical li a{

position: relative;

display: inline-block;

text-indent: 5px;

overflow: hidden;

background: rgb(127, 201, 68); /* initial background color of links */

font: bold 16px Germand;

text-decoration: none;

padding: 5px;

margin-bottom: 7px; /* spacing between links */

color: black;

-moz-box-shadow: inset -7px 0 5px rgba(114,114,114, 0.8); /* inner right shadow added to each link */

-webkit-box-shadow: inset -7px 0 5px rgba(114,114,114, 0.8);

box-shadow: inset -7px 0 5px rgba(114,114,114, 0.8);

-moz-transition: all 0.2s ease-in-out; /* CSS3 transition of hover properties */

-webkit-transition: all 0.2s ease-in-out;

-o-transition: all 0.2s ease-in-out;

-ms-transition: all 0.2s ease-in-out;

transition: all 0.2s ease-in-out;

list-style-type: none;

}



ul.svertical li a:hover{

padding-right: 30px; /* add right padding to expand link horizontally to the left */

color: black;

background: rgb(153,249,75);

-moz-box-shadow: inset -3px 0 2px rgba(114,114,114, 0.8); /* contract inner right shadow */

-webkit-box-shadow: inset -3px 0 5px rgba(114,114,114, 0.8);

box-shadow: inset -3px 0 5px rgba(114,114,114, 0.8);

list-style-type: none;

}



ul.svertical li a:before{ /* CSS generated content: slanted right edge */

content: "";

position: absolute;

left: 0;

top: 0;

border-style: solid; 

border-width: 70px 0 0 20px; /* Play around with 1st and 4th value to change slant degree */

border-color: transparent transparent transparent black; /* change black to match the background color of the menu UL */

list-style-type: none;

}



</style>

line-height: % veya px olarak editleyebilirsiniz hocam

Sidebarda menü var hocam sitenin normal kodlarıyla alakası yok bu menünün ben sonradan ekledim sidebara. Menünün kodları sadece bunlardan ibaret. Ne yapacaksak bu kodlar içinde yapacağız yani.

li'deki a ya line-height:100% , 150% yada 300px 500px yada lide belırlı bır yukseklık varsa tam ortalanması ıcın line-height'i aynı degerde vermenız gerekmektedır.

Burdan ayarlanıyormuş deneme yanılma yoluyla buldum.

margin-bottom: 7px; /* spacing between links */