读我，gitHub

Question

我在 GitHub 中设计个人资料，但在“Readme.md”

中遇到 HTML 的一些困难

<div display=flex; align-items=flex-start; flex-direction=row;>
  <p align="center" >  <img  src="https://www.codewars.com/users/yefimchuk/badges/large" alt="https://www.codewars.com/users/yefimchuk" />

   <p align="center"    > <img src="https://leetcode-stats-six.vercel.app/api?username=KnlnKS&theme=dark" alt="https://github.com/KnlnKS/leetcode-stats" />
   <img  src="https://github-readme-Whosebug.vercel.app/?userID=17754802&theme=dark" alt="https://whosebug.com/users/17754802/yefimchuk" />
</div>

   <p  align="center"> <img src="github-contribution-grid-snake.svg" />
  </div>

看起来是这样的：photo 但我想让我下面的两个块按顶部对齐，比如 flex :

<div style="display: flex; flex-direction: row; align-items: flex-start">
  <div>first block</div>
  <div>second block</div>
</div>

但我无法在 GitHub 的 readMe.md 文件中执行此操作。我该怎么做，我尝试了 vertical-align: top，但是这个，仍然不起作用

最后，它应该是这样的：https://i.stack.imgur.com/HS55D.png

Answer 1

GitHub 允许在 Markdown 中使用 HTML，但出于安全、功能和可访问性的原因，它从所有 HTML 生成的格式中删除了大部分格式。因此，如果您有任何使用 style 标记或某些其他格式化方法的内容，它们将被删除。

如果你想做复杂的格式化，你应该把它放在一个网站上，可以是 GitHub 页面，并且 link 从一个更简单的自述文件到它。

读我，gitHub

Read me, gitHub

html

css

github

vertical-alignment

readme