如何为R Markdown的HTML输出添加额外空白？

Got it, I totally get the frustration—those go-to line break commands like <br> or \newpage often don't work as expected in R Markdown's HTML output, thanks to the default Bootstrap CSS overriding their behavior. Let's break down how to fix both of your requests using the default R Markdown template as an example:

1. Add extra space between the main title and the first subheading #

There are two straightforward ways to do this:

Option 1: Inline HTML div (one-off adjustment)

Just drop a styled <div> tag between your main title and the first subheading. You can tweak the margin-top value to get the exact spacing you want:

---
title: "R Markdown"
output: html_document
---

<div style="margin-top: 50px;"></div>

## Introduction

R Markdown is a format for writing reproducible, dynamic documents with R.

Option 2: Custom CSS (global adjustment)

If you want this spacing to apply to all main title + first subheading pairs across your document, add a hidden CSS chunk. This uses CSS adjacent sibling selectors to target the first h2 right after an h1:

---
title: "R Markdown"
output: html_document
---

```{css, echo=FALSE}
h1 + h2 {
  margin-top: 50px; /* Adjust this value to your preference */
}

Introduction #

R Markdown is a format for writing reproducible, dynamic documents with R.

### 2. Add extra space between the first and second paragraph
Again, two options depending on whether you want a one-off fix or global change:

#### Option 1: Inline HTML div (one-off)
Insert a styled div between the two paragraphs:
```rmarkdown
## Introduction

R Markdown is a format for writing reproducible, dynamic documents with R. Use it to embed R code and results into slideshows, pdfs, html documents, Word files and more.

<div style="margin-top: 30px;"></div>

This is an R Markdown document. Markdown is a simple formatting syntax for authoring HTML, PDF, and MS Word documents. For more details on using R Markdown see <http://rmarkdown.rstudio.com>.

Option 2: Custom CSS (global)

To make all consecutive paragraphs have extra spacing, use this CSS chunk. It targets every p element that comes right after another p:

---
title: "R Markdown"
output: html_document
---

```{css, echo=FALSE}
p + p {
  margin-top: 30px; /* Adjust spacing here */
}

Introduction #

R Markdown is a format for writing reproducible, dynamic documents with R. Use it to embed R code and results into slideshows, pdfs, html documents, Word files and more.

This is an R Markdown document. Markdown is a simple formatting syntax for authoring HTML, PDF, and MS Word documents. For more details on using R Markdown see http://rmarkdown.rstudio.com.

### Why your original methods didn't work
- `<br>`: The default Bootstrap CSS in R Markdown's HTML output sets a small, fixed line height, so multiple `<br>` tags won't add meaningful space.
- `\newpage`: This command is designed for paginated outputs like PDF or Word—HTML is a flow-based format, so it ignores `\newpage` entirely.

内容的提问来源于stack exchange，提问作者stackinator