vertikalen Abstand über und unter Zahlen/Code Chunks (HTML) hinzufügen

Question

Ich stricke eine Rmd-Datei in RStudio zu HTML, und ich möchte den Abstand zwischen Fließtext und Tabellen/Zahlen erhöhen. Here's a nice solution für PDF-Ausgabe. Welcher Teil des CSS gibt diesen Abstand in der HTML-Ausgabe an? Ich suche nach einer Vorlage-weiten Lösung, keine manuelle <br>.

--- 
title: "Example" 
output: 
    bookdown::html_document2: 
    fig_captions: yes 
    number_sections: false 
    theme: cerulean 
    highlight: tango 
    toc: true 
    code_download: true 
    code_folding: "show" 
    toc_float: true 
--- 

<style type="text/css"> 

body{ /* Normal */ 
     font-size: 18px; 
     font-family: Helvetica; 
    } 

div#TOC li { 
    list-style:none; 
    background-image:none; 
    background-repeat:none; 
    background-position:0; 
} 
</style> 

```{r setup, include=FALSE} 
library(ggplot2) 
library(knitr) 
``` 

## Section 

Here is some text before a table. 

```{r cars} 
kable(head(cars)) 
``` 

Here is some text after the table. Here comes a plot. Could use more space after the table and before the plot. 

```{r pressure, echo=FALSE, fig.align="center", fig.cap="My caption", message=FALSE, warning=FALSE} 
ggplot(cars, aes(speed)) + 
    geom_histogram() 
``` 

Here is some text after the plot. Need some space between the figure caption and the body text. 

Answer 1

.figure { 
    margin-top: 100px; 
    margin-bottom: 100px; 
} 

table { 
    margin-top: 100px; 
    margin-bottom: 100px !important; 
} 

innerhalb des <style> Tag hinzufügen. Offensichtlich auf die benötigte Menge einstellen.