Typography & Content Styling Test

This is a test article designed to validate typography, spacing, and UI consistency across your blog. It includes all common content elements like headings, lists, quotes, code blocks, and images.

Headings

Heading Level 3

Heading Level 4

Lorem ipsum dolor sit amet, consectetur adipiscing elit. This is a paragraph with a sample link to test link styling.

Paragraphs

This is a normal paragraph. It should have comfortable line height and spacing between lines.

Another paragraph follows to check vertical rhythm. Good typography makes long-form content easy to read without strain.

Lists

Unordered List

First item in a list
Second item with more text to test wrapping behavior
Third item
- Nested item level 2
- Another nested item

Ordered List

First ordered item
Second item
Third item

Blockquote

This is a blockquote. It should stand out visually with a border or different styling.

Good design makes quotes feel intentional and readable.

Inline Code

Here is some inline code: const isDarkMode = true;

Code Block

function toggleTheme() {
  const currentTheme = document.documentElement.getAttribute("data-theme");

  if (currentTheme === "dark") {
    document.documentElement.setAttribute("data-theme", "light");
  } else {
    document.documentElement.setAttribute("data-theme", "dark");
  }
}

Image

Horizontal Rule

Mixed Content

Here is a paragraph that includes bold text, italic text, and a combination of both.

You can also include a link inside a sentence to ensure it looks natural.

Long Content Test

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.

Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.

Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur.

Final Section

This concludes the test post. If everything looks good:

spacing is consistent
headings are clearly separated
code blocks are readable
links match your brand
dark mode works properly

👉 then your typography system is solid.

List block inserted

first
seoncd

first
second

New Testing POST