How to remove underline on H1 text style in readme file

[bravo-phantom]

Select Topic Area

Question

Body

Question:

• How to remove H1 text style's underline?
• Please share a couple of other ways to format text as well; like h1, h2, h3, etc.

My Code
<h1> My Text </h1>

My Repository Which Has Problem In ReadMe
Phone Live Wallpapers

Important - Please Read
I know nothing about HTML or CSS. I'm a Unity Dev and also an expert in C# that's why I understand some of this programming. But please answer in simple, plain and detailed words about what and where to type. Thanks :)

[Itachii27]

[bravo-phantom]

In a md file(README.md), text withing angle brackets h1 tag can sometimes be interpreted as HTML which lead to unexpected formatting. Md file itself doesn't directly support styling like CSS.

To fix your issue:

Do this: # Phone Live Wallpapers

Instead of this: <h1 Phone Live Wallpapers h1>

-- Please mark it as answered below, if you find this useful.📌

Thanks for your reply. But it didn't fix the issue. It looks the same as when we were using h1, but the line is still there. Maybe if there is a way to add a smaller line that doesn't overlap the images or just use another style.

[bravo-phantom]

You can **Phone Live Wallpapers** That underline is coming because you're considering this text as Heading

This works to bold the text. But I want to increase the size; bold is not the objective. Can you please share how to increase size of the text.

[davevad93]

Hi @bravo-phantom ,

In GitHub's Markdown a line is given by default for h1 and h2 tags (or # and ##) and there's neither a way to apply CSS styles to increase text size, because style attributes are totally ignored in GitHub md files, for example, changing the text color wouldn't work either. If you want a heading with no line the only solution would be using a h3 tag or ### but obviously it would look smaller.

Here's an example of how would it look in your IDE a <h3> with the font-size property applied:

This is how the same example looks like in GitHub:

As you can see, in GitHub the font-size property isn't recognized.

[bravo-phantom]

Hi @bravo-phantom ,

In GitHub's Markdown a line is given by default for h1 and h2 tags (or # and ##) and there's neither a way to apply CSS styles to increase text size, because style attributes are totally ignored in GitHub md files, for example, changing the text color wouldn't work either. If you want a heading with no line the only solution would be using a h3 tag or ### but obviously it would look smaller.

Here's an example of how would it look in your IDE a <h3> with the font-size property applied:

This is how the same example looks like in GitHub:

As you can see, in GitHub the font-size property isn't recognized.

Thanks for the precise and to-the-point answer. Exactly what I was looking for :)

So in the end, I made an image of the text I wanted to type; saved it in the project folder; and used img=scr to type the file path and use the height and width to set the size.

[davevad93]

You're welcome @bravo-phantom , well I think your solution is good and looks great! 👍

[CodeByAidan]

@davevad93 See my solution, there's been a way.

[CodeByAidan]

I finally found a fix for this.... 4 hours of pain... I wrote an entire essay to help someone on Stack Overflow, this should explain everything.

https://stackoverflow.com/a/78845294/21147004

Also see here for the working example: https://gist.github.com/CodeByAidan/bb43bdb1c07c0933d8b67c23515fb912

So, if all you wanted was a <h1> My Text </h1>, it can be transformed into this:

<div id="toc">
  <ul style="list-style: none">
    <summary>
      <h1> My Text </h1>
    </summary>
  </ul>
</div>

Result:

My Text

[bravo-phantom]

Nice :) Thanks for that, it would be handy in making future ReadMe for my repositories.

[davevad93]

Wow @CodeByAidan , that's awesome kudos to you and thanks for the tip!