I see a lot of different versions of markdown outputs that apply a bottom border/horizontal line for a select set of headers, all headers with borders, or no borders. Full width block or as long as the header string. Thick or thin. No rhyme or reason.

I think Header 2 should only have a bottom border. Easy way to visually divide content into major sections, but thats too opinionated.

I also think have 3 ways of writing headers and we can allow users decide if it should have a border.

```

Header // display font, class=“display”
———

## Header // no line

### Header ### // with line

```

How easy is it to get standardized? What should be the classname for HTML?

Edit:

I realize that markdown doesn’t need CSS. We can just use HTML tags to get a similar result, and override it with css later

Edit 2:

Turn this .md

## Hello world ##

into this HTML/CSS

HTML. This is best practice to avoid semantics conflicts and layout for readers and what not.

<h2>Hello world</h2>
<hr>

CSS. The H2 border-bottom styling matches the default styling of my browser's hr:

h2:has(+ hr){
    border-bottom: 2px solid black;
    padding-bottom: .825em;
    margin-bottom: .825em;
}
h2:has(+ hr) + hr{
    display:none;
}

Bonus point if it doesn’t require any actual chunks of meat, but meat derived products like bouillon powder perfect. Don’t skimp on the umami.

Not just Mapo Tofu.

Please, no vegan recipes. There are no shortages of vegan recipes.