FAQ: Learn HTML - Intro to HTML - Line Breaks

This community-built FAQ covers the “Line Breaks” exercise in Codecademy’s lessons on HTML.

Here are the most popular community questions on this exercise:

Join the Discussion. We Want to Hear From You!

Have a new question or can answer someone else’s? Reply (reply) to an existing thread!

Agree with a comment or answer? Like (like) to up-vote the contribution!

Need broader help or resources about HTML in general? Go here!

Want to take the conversation in a totally different direction? Join our wider discussions.

Learn more about how to use this guide.

Found a bug? Report it!

Have a question about your account, billing, Pro, or Pro Intensive? Reach out to our support team!

None of the above? Find out where to ask other questions here!

Other FAQs

The following are links to additional questions that our community has asked about this exercise:

  • This list will contain other frequently asked questions that aren’t quite as popular as the ones above.
  • Currently there have not been enough questions asked and answered about this exercise to populate this FAQ section.
  • This FAQ is built and maintained by you, the Codecademy community – help yourself and other learners like you by contributing!

Not seeing your question? It may still have been asked before – try searching for it by clicking the spyglass icon (search) in the top-right of this page. Still can’t find it? Ask it below by hitting the reply button below this post (reply).

The spacing between code in an HTML file doesn’t affect the positioning of elements in the browser. If you are interested in modifying the spacing in the browser, you can use HTML’s line break element: <br> .

What about single spaces? Don’t those affect the positioning of words in an HTML file?

So for
we had to do, it was a paragraph with two breaks in it to seperate two different sentences…

At the end of the lesson I played with the code. The section of output text looked the exact same when I did two breaks (
) in the paragraph, and when I seperated the text by creating two

's.

My question is, if the
and seperate

can give the exact same results, then why use
cause imo it’d just made the back-end code look messy and unorganized…

Why do we use double line break tags in our code, when individual paragraphs does the exact same task?

3 Likes

why use br when I can just use two pairs of p ?

2 Likes

I wonder the same thing too

Is there a way to do multiple line breaks, instead of repeatedly typing <br>?

Really good question. The answer is related to the another API connected to the DOM, the Cascading Style Sheet. This is where we can define elements in any way we choose. That gap you want? We give something a margin to suit.

If CSS has not yet come up, then hold your horses and keep up with the lessons. It will.

1 Like

The line break tag can be used to add a line break within the paragraph?

Yes, that would be the most likely place to use it if you don’t wish to start a new paragraph.

6 posts were split to a new topic: Line breaks in a P

What is best practice for best read ability when using 2 line breaks?

 Its conservation status is currently <strong>Least Concern</strong>. <br>
                                  <br>There are many subspecies within the brown bear species, including the Atlas bear and the Himalayan brown bear.</p>

Or

 Its conservation status is currently <strong>Least Concern</strong>. <br><br>There are many subspecies within the brown bear species, including the Atlas bear and the Himalayan brown bear.</p>

Neither of them look “clean” to me when nesting, so I want to know so others may be able to better read it.

Neither of them make a difference since white space is largely ignored by the parsing engine. For textual content use as many line breaks as you need to make the text easy to read and see without scrolling right or left.

<p>Its conservation status is currently 
<strong>Least Concern</strong>.<br><br>
There are many subspecies within the brown bear 
species, including the Atlas bear and the 
Himalayan brown bear.</p>

In the example given for breaks, it shows:

<p>The Nile River is the longest river
 <br> in the world, measuring over 6,850 
<br> kilometers long (approximately 4,260
 <br> miles).</p>

When I go to do the same in the exercise, it is telling me it is incorrect:

<strong>Least Concern</strong>. 
     <br>There are many subspecies within the brown bear species,
     <br>including the Atlas bear and the Himalayan brown bear.</p>```



And then states this is the solution:

<strong>Least Concern</strong>. <br><br>
There are many subspecies within the brown bear species,including the Atlas bear and the Himalayan brown bear.</p>```

What am I missing?

Thanks!

Notice the two back to back breaks rather than one after the comma.

Can i put breaks between images?
The exercise displays the image of the brown bear and the video below it but both are touching, how can i space them apart?

A <video/> element is block level and can have margins. A simple matter of giving it one, say, 10px.

video {
    margin: 10px 0;
}