Master Blog Post

4 January, 2022 by admin-tracey

Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry’s standard dummy text ever since the 1500s, when an unknown printer took a galley of type and scrambled it to make a type specimen book. It has survived not only five centuries, but also the leap into electronic typesetting, remaining essentially unchanged.

This section shows the alignment of paragraphs and images (h2)

Lorem Ipsum was popularised in the 1960s with the release of Letraset sheets containing Lorem Ipsum passages, and more recently with desktop publishing software like Aldus PageMaker including versions of Lorem Ipsum.

Contrary to popular belief, Lorem Ipsum is not simply random text. It has roots in a piece of classical Latin literature from 45 BC, making it over 2000 years old. Richard McClintock, a Latin professor at Hampden-Sydney College in Virginia, looked up one of the more obscure Latin words, consectetur, from a Lorem Ipsum passage, and going through the cites of the word in classical literature, discovered the undoubtable source.

Lorem Ipsum comes from sections 1.10.32 and 1.10.33 of “de Finibus Bonorum et Malorum” (The Extremes of Good and Evil) by Cicero, written in 45 BC. This book is a treatise on the theory of ethics, very popular during the Renaissance. The first line of Lorem Ipsum, “Lorem ipsum dolor sit amet..”, comes from a line in section 1.10.32.

The standard chunk of Lorem Ipsum used since the 1500s is reproduced below for those interested. Sections 1.10.32 and 1.10.33 from “de Finibus Bonorum et Malorum” by Cicero are also reproduced in their exact original form, accompanied by English versions from the 1914 translation by H. Rackham.

This section shows how images look like when aligned with bullet lists (h2)

This first item contains a text link here.
Lorem Ipsum has been the industry’s standard dummy text ever since the 1500s, when an unknown printer took a galley of type and scrambled it to make a type specimen book.
It has survived not only five centuries, but also the leap into electronic typesetting, remaining essentially unchanged.
It was popularised in the 1960s with the release of Letraset sheets containing Lorem Ipsum passages, and more recently with desktop publishing software like Aldus PageMaker including versions of Lorem Ipsum.
- Lorem Ipsum is simply dummy text of the printing and typesetting industry.
- Lorem Ipsum has been the industry’s standard dummy text ever since the 1500s, when an unknown printer took a galley of type and scrambled it to make a type specimen book.
- It has survived not only five centuries, but also the leap into electronic typesetting, remaining essentially unchanged.
- It was popularised in the 1960s with the release of Letraset sheets containing Lorem Ipsum passages, and more recently with desktop publishing software like Aldus PageMaker including versions of Lorem Ipsum.

I bet you did not noticed the text link in the first bullet point above (h4)

Here you can see the margin between left aligned image and bullet list needs to be corrected (h3)

Lorem Ipsum is simply dummy text of the printing and typesetting industry.
Lorem Ipsum has been the industry’s standard dummy text ever since the 1500s, when an unknown printer took a galley of type and scrambled it to make a type specimen book.
It has survived not only five centuries, but also the leap into electronic typesetting, remaining essentially unchanged.
It was popularised in the 1960s with the release of Letraset sheets containing Lorem Ipsum passages, and more recently with desktop publishing software like Aldus PageMaker including versions of Lorem Ipsum.
- There are many variations of passages of Lorem Ipsum available, but the majority have suffered alteration in some form, by injected humour, or randomised words which don’t look even slightly believable.
- If you are going to use a passage of Lorem Ipsum, you need to be sure there isn’t anything embarrassing hidden in the middle of text.
- All the Lorem Ipsum generators on the Internet tend to repeat predefined chunks as necessary, making this the first true generator on the Internet.

Same margin issue happens on Ordered Bullet Lists and the indentation of the second level disappears (h3)

Lorem Ipsum is simply dummy text of the printing and typesetting industry.
Lorem Ipsum has been the industry’s standard dummy text ever since the 1500s, when an unknown printer took a galley of type and scrambled it to make a type specimen book.
It has survived not only five centuries, but also the leap into electronic typesetting, remaining essentially unchanged.
1. This is the first item of the ordered list second level.
2. Lorem Ipsum has been the industry’s standard dummy text ever since the 1500s, when an unknown printer took a galley of type and scrambled it to make a type specimen book.
3. It has survived not only five centuries, but also the leap into electronic typesetting, remaining essentially unchanged.
4. It was popularised in the 1960s with the release of Letraset sheets containing Lorem Ipsum passages, and more recently with desktop publishing software like Aldus PageMaker including versions of Lorem Ipsum.
5. Contrary to popular belief, Lorem Ipsum is not simply random text. It has roots in a piece of classical Latin literature from 45 BC, making it over 2000 years old.

This section shows just an OL with 11 items

Can you see the number leading this list item?
1. A list inside a list
2. A long paragraph fore a list inside a list.Again here we have a longer item, to make sure that line wrapped text will align neatly in a black and have exactly the same indent as the first line of text. Hopefully we have achieved that. If not, the css needs to be updated right away.
Item two.
Again here we have a longer item, to make sure that line wrapped text will align neatly in a black and have exactly the same indent as the first line of text. Hopefully we have achieved that. If not, the css needs to be updated right away.
This is the fourth item
This is the fifth item
This is the sixth item
This is the seventh item
This is the eighth item
This is the ninth item
This is the tenth item
This is the eleventh item. The reason this list is longer is to ensure that double-digit list numbers still format correctly.

A heading directly after a bulleted list (h2)

And a bulleted list directly after a heading 3 (ul-li)
Make sure the margins are still okay between the heading and this list
Next we will test some images

Heading in-line with a left aligned image (h2)

It was popularised in the 1960s with the release of Letraset sheets containing Lorem Ipsum passages, and more recently with desktop publishing software like Aldus PageMaker including versions of Lorem Ipsum.

Heading in-line with a right aligned image (h2)

This section is to see the proper spacing between consecutive headings (h2)

This is heading 3

This is heading 4

This is heading 5

This is heading 6

Most of the time we only go up to level 4 headings, but it is more safe to make sure we have properly styling down to heading 6.

Are the headings visually distinctly enough from each other? Does the headings still keep more of a top margin to make visually clear it belongs to the text that follows it, and not to the text above it? Is it clearly noticeable as a heading? Does it fit the overall colour scheme and font family of headings used on this website?

Next, let’s check the styling of groups and columns (h2)

What is Lorem Ipsum? (h3)

Lorem ipsum is simply dummy text of the printing and typesetting industry. It has been the industry’s standard dummy text ever since the 1500s, when an unknown printer took a galley of type and scrambled it to make a type specimen book.

Lorem Ipsum has survived not only five centuries, but also the leap into electronic typesetting, remaining essentially unchanged. It was popularised in the 1960s with the release of Letraset sheets containing Lorem Ipsum passages, and more recently with desktop publishing software like Aldus PageMaker including versions of Lorem Ipsum.

This is how it looks like when the text in not wrapping to the image (h3)

It is a long established fact that a reader will be distracted by the readable content of a page when looking at its layout. The point of using Lorem Ipsum is that it has a more-or-less normal distribution of letters, as opposed to using ‘Content here, content here’, making it look like readable English.

Many desktop publishing packages and web page editors now use Lorem Ipsum as their default model text, and a search for ‘lorem ipsum’ will uncover many web sites still in their infancy. Various versions have evolved over the years, sometimes by accident, sometimes on purpose (injected humour and the like).

This section is to check the margins of bullet list before and after an image (h2)

Can you see the number leading this list item?
1. A list inside a list
2. A long paragraph fore a list inside a list. Again here we have a longer item, to make sure that line wrapped text will align neatly in a black and have exactly the same indent as the first line of text. Hopefully we have achieved that. If not, the css needs to be updated right away.
Item two.
Again here we have a longer item, to make sure that line wrapped text will align neatly in a black and have exactly the same indent as the first line of text. Hopefully we have achieved that. If not, the css needs to be updated right away.
This is the fourth item
This is the fifth item
This is the sixth item
This is the seventh item
This is the eighth item
This is the ninth item
This is the tenth item
This is the eleventh item. The reason this list is longer is to ensure that double-digit list numbers still format correctly.

This is a fullwidth image after a <ol> and before a <ul>

Lorem Ipsum is simply dummy text of the printing and typesetting industry.
Lorem Ipsum has been the industry’s standard dummy text ever since the 1500s, when an unknown printer took a galley of type and scrambled it to make a type specimen book.
- A list inside a list.
- A long paragraph fore a list inside a list. Again here we have a longer item, to make sure that line wrapped text will align neatly in a black and have exactly the same indent as the first line of text. Hopefully we have achieved that. If not, the css needs to be updated right away.
It has survived not only five centuries, but also the leap into electronic typesetting, remaining essentially unchanged
It was popularised in the 1960s with the release of Letraset sheets containing Lorem Ipsum passages, and more recently with desktop publishing software like Aldus PageMaker including versions of Lorem Ipsum.