title: Read me, gitHub
body: <p>I was designing my profile in GitHub and i meet some difficulty with HTML in &quot;Readme.md&quot;</p>
  <pre><code>&lt;div display=flex; align-items=flex-start; flex-direction=row;&gt;
    &lt;p align=&quot;center&quot; &gt;  &lt;img  src=&quot;https://www.codewars.com/users/yefimchuk/badges/large&quot; alt=&quot;https://www.codewars.com/users/yefimchuk&quot; /&gt;
  
     &lt;p align=&quot;center&quot;    &gt; &lt;img src=&quot;https://leetcode-stats-six.vercel.app/api?username=KnlnKS&amp;theme=dark&quot; alt=&quot;https://github.com/KnlnKS/leetcode-stats&quot; /&gt;
     &lt;img  src=&quot;https://github-readme-stackoverflow.vercel.app/?userID=17754802&amp;theme=dark&quot; alt=&quot;https://stackoverflow.com/users/17754802/yefimchuk&quot; /&gt;
  &lt;/div&gt;
  
     &lt;p  align=&quot;center&quot;&gt; &lt;img src=&quot;github-contribution-grid-snake.svg&quot; /&gt;
    &lt;/div&gt;
  </code></pre>
  <p>It looks so: <a href="https://i.stack.imgur.com/sDv5q.png" rel="nofollow noreferrer">photo</a>
  but i wanna that two my block below was aligned by top, like by flex :</p>
  <pre><code>&lt;div style=&quot;display: flex; flex-direction: row; align-items: flex-start&quot;&gt;
    &lt;div&gt;first block&lt;/div&gt;
    &lt;div&gt;second block&lt;/div&gt;
  &lt;/div&gt;
  </code></pre>
  <p>but I can't do this in the readMe.md file in GitHub. How I can do this, I try vertical-align: top, but this, still don't work</p>
  <p>finally, it's should look like this: <a href="https://i.stack.imgur.com/HS55D.png" rel="nofollow noreferrer">https://i.stack.imgur.com/HS55D.png</a></p>