Solution 1 :

Increase the line-height for the element you want to increase the distance between lines. Like:

line-height:30px;

for more info: line-height CSS

Problem :

I am still learning, but I have learnt enough to do HTML and implement some of the things that have been told on stackoverflow about HTML codes CSS and JavaScript. For the webpage http://www.cure4incurables.com/fibroids.htm the lines (above and below) overlap when seen on a mobile device but it is fine on a desktop or laptop. Please tell me how to correct it. Please also let me know how to make the links at the bottom just above the footer to have a background color which extends to 100% of the width of the screen

Comments

Comment posted by how to ask a question

please consider reading

Comment posted by symlink

By overlap, do you mean they overflow the width of the viewport, creating a horizontal scrollbar?

Comment posted by stackoverflow.com/users/8700522/cedverd

I had not used a “line-height”

By