Skip to content

Instantly share code, notes, and snippets.

@CodeByAidan

CodeByAidan/Center-No-Vert-Bar-H1-H2.md

Last active September 6, 2025 02:35
Show Gist options
  • Save CodeByAidan/bb43bdb1c07c0933d8b67c23515fb912 to your computer and use it in GitHub Desktop.
Save CodeByAidan/bb43bdb1c07c0933d8b67c23515fb912 to your computer and use it in GitHub Desktop.
Download ZIP
No vertical bar for h1 and h2 with GitHub Markdown, fixed!
Raw
Center-No-Vert-Bar-H1-H2.md

    Hi, I'm Aidan 

<div id="toc">
  <ul align="center" style="list-style: none">
    <summary>
      <h1>
        Hi, I'm Aidan
        <img src="https://media.giphy.com/media/hvRJCLFzcasrR4ia7z/giphy.gif" width="35">
      </h1>
    </summary>
  </ul>
</div>
@CodeByAidan
Copy link
Author

CodeByAidan commented Aug 7, 2024 •
edited
Loading

    H1 

<div id="toc">
  <ul align="center" style="list-style: none">
    <summary>
      <h1>
        H1
      </h1>
    </summary>
  </ul>
</div>

    H2 

<div id="toc">
  <ul align="center" style="list-style: none">
    <summary>
      <h2>
        H2
      </h2>
    </summary>
  </ul>
</div>

@ayeniswe
Copy link

ayeniswe commented Oct 2, 2024

Good find very helpful !

@T1ckbase
Copy link

T1ckbase commented Oct 6, 2024

Awesome!

@lifeinchords
Copy link

curious, why not hide the border directly, like

<h1 align="center" style="border-bottom: none;">
   Hi
</h1>

@taqi110913
Copy link

taqi110913 commented Sep 6, 2025 •
edited
Loading

curious, why not hide the border directly, like

<h1 align="center" style="border-bottom: none;">
   Hi
</h1>

It doesn't work. It will look like this:

Hi

Try the solution that @CodeByAidan did, or this: 
<div align="center">
    <summary>
      <h1>
        Hi!
      </h1>
    </summary>
</div>

This will result in this:

Hi!

BUT there will be a little bullet over there 😅

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment