DEV Community

aakhtar3
aakhtar3

Posted on

10 2

Styling for GitHub README

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
Enter fullscreen mode Exit fullscreen mode

HTML

</br>

HTML</br>Second Line
Enter fullscreen mode Exit fullscreen mode

Allign

Markdown

Table markdown

| Default | <- Left <- | -> Center <- | -> Right -> |
| ------- | :--------- | :----------: | ----------: |
| Text    | Left       | Center       | Right       |
Enter fullscreen mode Exit fullscreen mode
HTML

p left

<p>Left</p>
Enter fullscreen mode Exit fullscreen mode

p center

<p align="center">Center</p>
Enter fullscreen mode Exit fullscreen mode

p right

<p align="right">Right</p>
Enter fullscreen mode Exit fullscreen mode

a

<a><img alt="Left"></a> <a><img align="right" alt="Right"></a>
Enter fullscreen mode Exit fullscreen mode

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>
Enter fullscreen mode Exit fullscreen mode

Postmark Image

Speedy emails, satisfied customers

Are delayed transactional emails costing you user satisfaction? Postmark delivers your emails almost instantly, keeping your customers happy and connected.

Sign up

Top comments (0)

A Workflow Copilot. Tailored to You.

Pieces.app image

Our desktop app, with its intelligent copilot, streamlines coding by generating snippets, extracting code from screenshots, and accelerating problem-solving.

Read the docs