````markdown
---
title: Callout padding
format: html
---

::: {.callout-note}

# Title

## Another header

There is no padding here
:::


# Document Header

Content

::: {.callout-note}

# Title

There is correct padding here
:::

::: {.callout-note}

# Title

Something first

## Sub header

There is correct padding here
:::
````

In this example we have several cases. If you render that you'll notice that there is no padding applied on the callout that start with a header.

![image](https://user-images.githubusercontent.com/6791940/226966069-cc2315bb-5e10-449a-a159-19e7d5d804a5.png)


I believe this is because of `section-divs: true` because there will be not `<div class="callout-body-container callout-body">` - it will be merged in the section header `<section id="another-header" class="level2 callout-body-container callout-body">`

The classes are added to the section directly so the CSS does not apply 
https://github.com/quarto-dev/quarto-cli/blob/2246187f1aa0c4bee2b68c677b8efa55a0f8c779/src/resources/formats/html/bootstrap/_bootstrap-rules.scss#L1298-L1301

Either we should just tweak the CSS to support content wrapped in `section` or tweak the body in our Lua filter. 

I believe only changing the CSS rule is fine. I let you decide @cscheid 


cscheid
2023-03-22T16:03:23Z
cderv
documentation articles
v1.4
open
Missing padding in callout body when it starts with a header
https://github.com/quarto-dev/quarto-cli/issues/4922