In HTML do you insert a small space in between lines

Question

When I use <p> I get to large of a space but when I use <br\> I don't get large enough of a space.

alt text

I want a large space between "Glucose Levels" and "I have recently been diagnosed..."

Without your corresponding mark-up this doesn't seem to qualify as a 'question.' What you want can be achieved via fairly simple CSS. — David Thomas, Dec 27 '10 at 22:04
looks like you should be using a header followed by a paragraph for the correct semantics. Use CSS to style the margins. — zzzzBov, Dec 27 '10 at 22:07
Incidentally, shouldn't the `
` be `
`? Or is this something new? — David Thomas, Dec 27 '10 at 22:12

score 2 · Answer 1 · edited May 23 '17 at 12:01

2

It's been answered here: How to change the height of a <br>?

edited May 23 '17 at 12:01

Community

1
1

answered Dec 27 '10 at 22:04

Michael

1,816
7
21
35

score 2 · Accepted Answer · answered Dec 27 '10 at 22:08

Using proper mark-up, ideally semantic mark-up, for your content aids you greatly in styling that content:

<h1>What vitamins amd supplements help control glucose levels?</h1>
<p>I am a recently diagnosed type-II diabetic. Lately, my glucose levels have been very high.</p>

With the css:

h1 {
    font-size: 1.2em;
    margin: 0; /* removes any default margin placed on the h1 element */
}
h1 + p { /* selects only those p elements immediately following a h1 */
    margin: 1em 0 0 0; /* short hand for margin-top margin-right margin-bottom margin-left */
}

Results in this JS Fiddle demo.

score 1 · Answer 3 · answered Dec 27 '10 at 22:08

1

You can simple use the paragraph (P) and assign a css class to it. With that css class you can set the top and or bottom margins.

abc

simple as 1, 2, 3

.intro { margin-bottom: 10px; }

answered Dec 27 '10 at 22:08

Yvo

18,681
11
71
90

score 0 · Answer 4 · answered Dec 27 '10 at 22:06

Try using Heading <h1>, <h2>, <h3> elements instead of Paragraph elements.

Also, use Cascading Style Sheets (CSS) for an extreme level of control over your presentation. In this case you could use the margin-bottom attribute to control your spacing. Check w3schools for good CSS tutorials or just use Google.

score 0 · Answer 5 · answered Dec 27 '10 at 22:06

0

Try line-height in your css.

or alternative try to set a margin-top, margin-bottom on your br element.

answered Dec 27 '10 at 22:06

Michele

6,126
2
41
45

score 0 · Answer 6 · answered Dec 27 '10 at 22:07

0

You should place the first text ("What...levels?") in a div, give it an id and than change the css property "margin-bottom:Xpx;" where X is the height of the space between two textes.

answered Dec 27 '10 at 22:07

Mironor

1,157
10
25

Xenethyl · Answer 7 · 2010-12-28T00:46:42.707

0

You have a couple different options...

Adjust the margin and/or padding for the class on on your <p> elements
Insert a div with width="100%" and height equal to the space you want between the elements

edited Dec 28 '10 at 00:46

answered Dec 27 '10 at 22:08

Xenethyl

3,179
21
31

In HTML do you insert a small space in between lines

7 Answers7