Labels atop code blocks

Question

I'm sure this is an accident, but I've recently found out that you can "label" code blocks in a really nice way by using inline code in a level 4 (####) header:

#### `Main.hs`

```haskell
module Main where
main :: IO ()
main = putStrLn "Hello World!"
```

produces

Main.hs

module Main where
main :: IO ()
main = putStrLn "Hello World!"

This is great for situations where you might need to describe multiple files. However, (and this why I think this is probably an accident), there's a little "oopsie" in the upper-left corner, where the label and code block meet. (It's even more noticeable on the normal white background.)

I think these code blocks would look a lot more polished if this could instead produce a straight edge.

Answer 1

While I agree, that the visual effect is nice, I doubt this will be fixed/changed for these reasons:

• It's abuse of formatting. As Cody Gray already said, this uses a combination of markup, that is not intended for this task. This might lead to accessibility problems for users who can't use a standard browser.
• It is unnecessary. You can use normal headings or paragraphs to separate distinct "files". Also, if you really need to do this for multiple files, you are probably doing something wrong.
• Previous attempts to introduce tabs-like behavior have been rejected by the community. See here for example.
• It is inconsistent with the design. You see, the buttons have rounded corners, and so have the tags, your user card, and some other design elements. It would only be consistent, if the code block had rounded corners too.