Question

I defined main stylesheet (default CSS of my project) like this:

body {
    color: #000000;
    text-align: center;
    margin: 0px;
    padding: 0px;
    font-size: 0.75em; /* 12px */
    line-height: 1.5; /* font-size:1(12px) + line-space:0.33(4px) = 16px */
    letter-spacing: 0.03em;
}

letter-spacing and line-height works perfectly.
but, I found that two of them affect ul-li elements too.
I want that they affect text only not ul-li or any other elements.

Is there any side-effect on letter-spacing and line-height which I don’t know?
If so, how could I make line-height and letter-spacing affect text only?

Answer 1

With the body definition you apply your style to all elements in your page. Try to identify the desired text elements like div, a, span, etc. and make a new css entry like this:

body {
    color: #000000;
    text-align:center;
    margin: 0px;
    padding: 0px;
    font-size: 0.75em; /* 12px */
}
div, a, span {
    line-height:1.5; /* font-size:1(12px) + line-space:0.33(4px) = 16px */
    letter-spacing:0.03em;
}

or apply a seperate style with specific key to your text elements.