Do you enhance readability with line breaks and spacing?

Last updated by Tiago Araújo [SSW] 28 days ago.See history

Writing in large blocks of text is a common practice, but it can hinder readability. Incorporating line breaks and spacing significantly enhances content readability. This allows readers to navigate through the text more easily, absorb information more effectively, and stay engaged with the material.

Warning: For web (HTML/Markdown), line breaks should not be used to to create layout spacing! You should use CSS margin and/or padding instead.

Learn more on HTML <br> Tag: The Dos and Don'ts of Adding an HTML Line Break.

See the more information on line breaks in Markdown.

On the other hand, in regards to emails and/or informal documents, line breaks can be used for spacing. In these cases, correct syntax is not crucial, and breaking a line is more convinient than dealing with margins/line spacing.

Long paragraphs

Consider breaking lines/paragraphs when you have a long block of text. You should aim to separate the information by context.

SSW is made up of a great team of staff that is passionate about technology and how it meets business needs. Today SSW has offices in Sydney, Melbourne, Brisbane, Newcastle, Strasbourg (France) and Hangzhou (China), with over 100 employees. Want to meet them? Have a look at SSW People.

Figure: Bad example - Long block of text

SSW is made up of a great team of staff that is passionate about technology and how it meets business needs.

Today SSW has offices in Sydney, Melbourne, Brisbane, Newcastle, Strasbourg (France) and Hangzhou (China), with over 100 employees.

Want to meet them? Have a look at SSW People.

Figure: Good example - The text is separated by paragraphs

Notes, Tips, PS

Content elements like Note, Tip, PS (and similar) should be on a new line to enable better readability. It is beneficial to bold those words.

Test the login functionality thoroughly. Note: Try both valid and invalid credentials.

Figure: Bad example - No line break before the note

Test the login functionality thoroughly. Note: Try both valid and invalid credentials.

Figure: Good example - The "Note" being on a fresh line and in bold makes it much easier to read

URLs

Breaking a line is also recommended before URLs.

Check out these employment opportunities at SSW: https://www.ssw.com.au/employment#available

Figure: Bad example - No line break before the URL

Check out these employment opportunities at SSW:
https://www.ssw.com.au/employment#available

Figure: Good example - The URL being on a fresh line makes it much easier to read

Headings

It's a good idea to have some space after headings.

Hey Bob, Check out this awesome new video about the SSW Cultural Exchange Program!

Figure: Bad example - No spacing after heading

Hey Bob,

Check out this awesome new video about the SSW Cultural Exchange Program!

Figure: Good example - Spacing after heading

Multiple items as lists

If you text has information that can be turned into multiple items, you should do so, by creating a list. For example, when sending PBIs for a Sprint.

I have 2 PBIs in the coming Sprint: Product Backlog Item 88994: Performance | Create a new App Service plan and Product Backlog Item 88823: Azure | Create a new App Service Plan in West US for SL production resource group. I will do the IoC after.

Figure: Bad example - Block of text

I have 2 PBIs in the coming Sprint:

  • PBI 88994: Performance | Create a new App Service plan
  • PBI 88823: Azure | Create a new App Service Plan in West US for SL production resource group

I will do the IoC after.

Figure: Good example - List is used to separate information and make it easier to digest

Note: On the example above, see how changing from "Product Backlog Item" to "PBI" also helps with readability. However, you should only use acronyms when the recipient is familiar with the term.

Images and captions

It is also recommended to include spaces after an image or a figure description. These elements need breathing space to help users focus on them.

We open source. Powered by GitHub