docs/faq.md
Markdown files on GitHub support embedded images using Markdown or HTML. You can customize your SVG on the demo site and use the image source in either of the following ways:
[](https://git.io/typing-svg)
<a href="https://git.io/typing-svg"></a>
The text rendered within the SVG can be any variable width, therefore you must specify the width manually to ensure the text will fit.
The width parameter in the URL should be increased such that the full width of the text is displayed properly.
https://readme-typing-svg.demolab.com/?lines=Your+Long+Message+With+A+Long+Width&width=460
To center align images, you must use the HTML syntax and wrap it in an element with the HTML attribute align="center".
<p align="center">
<a href="https://git.io/typing-svg"></a>
</p>
Similar to HTML, SVG/XML treats multiple consecutive spaces as a single space.
A workaround for adding extra spaces can be to use other whitespace characters (for example, you can copy-paste the en-space or other unusual spaces from https://qwerty.dev/whitespace). The alternate whitespace characters don't get ignored.
As of May 2022, you can now specify theme context using the <picture> and <source> elements as shown below. The dark mode version appears in the srcset of the <source> tag and the light mode version appears in the src of the `` tag.
<picture>
<source media="(prefers-color-scheme: dark)" srcset="https://readme-typing-svg.demolab.com/?lines=You+are+using+dark+mode&color=FFFFFF" />
</picture>
A profile readme appears on your profile page when you create a repository with the same name as your username and add a README.md file to it. For example, the repository for the user DenverCoder1 is located at DenverCoder1/DenverCoder1.