css text to close hard to read in wordpress

Question

[![enter image description here][1]][1]

as you can se the text is to close am

#main {
    text-align: left;
    margin-bottom: 10px;
    display: inline-block;
    width: 1280px;
    padding: 10px;
    margin: auto;
    margin-top: 10px;
    text-align: justify;
    font-family: Century Gothic,sans-serif;
}

Also possible dublicate of http://stackoverflow.com/questions/3845433/css-line-spacing — Tristan de Jager, Oct 18 '16 at 07:42

Sojtin · Answer 1 · 2016-10-18T07:40:58.603

1

Use css property line-height: 14px; to set height of line between text

p {
    line-height: 25px;
}

edited Oct 18 '16 at 07:40

answered Oct 18 '16 at 07:38

Sojtin

2,714
2
18
32

@wazza in your case setting `p` tag as i did will fix the issue – Sojtin Oct 18 '16 at 07:41

score 0 · Answer 2 · answered Oct 18 '16 at 07:38

0

Add line-height

Example:

https://jsfiddle.net/65dnxm73/

Play around with the amount of pixels.

answered Oct 18 '16 at 07:38

Tristan de Jager

115
13

score 0 · Answer 3 · answered Oct 18 '16 at 07:40

0

i think you need the css property line-height . Add this line in the css container of this text:

line-height: 24px;

change the value and see what happen.

answered Oct 18 '16 at 07:40

Francis Ngueukam

994
1
10
28

score 0 · Answer 4 · answered Oct 18 '16 at 07:40

0

It's because of the font family you used.

Try to add this to your css style:

letter-spacing: 2px; //spaces between letters
line-height: 15px; //spaces for each line of words

Adjust to your liking.

answered Oct 18 '16 at 07:40

claudios

6,588
8
47
90

Everyone here with the same answers haha – Tristan de Jager Oct 18 '16 at 07:42

score 0 · Answer 5 · answered Oct 18 '16 at 07:41

Add line-height.

#main {
    font-size: 16px;
    line-height: 24px;
    text-align: left;
    margin-bottom: 10px;
    display: inline-block;
    width: 1280px;
    padding: 10px;
    margin: auto;
    margin-top: 10px;
    text-align: justify;
    font-family: Century Gothic,sans-serif;
}

css text to close hard to read in wordpress

5 Answers5