DEV Community

loading...

Styling for GitHub README

aakhtar3 profile image aakhtar3 ・1 min read

Styling Tips for README

Markdown has limited styling, but you can leverage some HTML for a better viewing experience on a Github repository.

Line Break

Markdown

3 empty space

3 Empty Spaces`   `   
Second line

HTML

</br>

HTML</br>Second Line

Allign

Markdown

Table markdown

| Default | <- Left <- | -> Center <- | -> Right -> |
| ------- | :--------- | :----------: | ----------: |
| Text    | Left       | Center       | Right       |
HTML

p left

<p>Left</p>

p center

<p align="center">Center</p>

p right

<p align="right">Right</p>

a

<a><img alt="Left"></a> <a><img align="right" alt="Right"></a>

table

<table>
<tr>
<td valign="top" width="33%">
<h2 align="center">Col 1</h2>
-----------------------------
-----------------------------
-----------------------------
-----------------------------
</td>
<td width="34%">
<h5 align="center">Col 2</h5>
<p align="center">Missing valign="top"</p>
</td>
<td valign="top" width="33%">
<h2 align="center">Col 3</h2>
-----------------------------
-----------------------------
-----------------------------
-----------------------------
</td>
</tr>
</table>

Discussion (0)

pic
Editor guide