githubのプロフィールREADME.mdで配置した画像に隙間ができてしまう

前提

GitHubのプロフィールページを作成しているのですが、statsや使用言語等の画像を配置する際に、思い通りに配置できず困っています。
（HTMLは今まで触れてこなかったため初歩的な質問で誠に申し訳ございません）
現状↓

実現したいこと

上の写真のように、GitHub StatsとTotal Contributionsの間が空いてしまっているものを、下の画像のように、間を詰めて表示したいです。

該当のソースコード

README.md
1<img align="left" src="https://github-readme-stats.vercel.app/api?username=chokudai&count_private=true&show_icons=true" />
2<img align="left" src="https://github-readme-stats.vercel.app/api/top-langs/?username=chokudai" />
3<img align="left" src="https://github-readme-streak-stats.herokuapp.com/?user=chokudai" />

試したこと

HTMLのチュートリアルサイトを見て、<tr>や<td>タグを使ってみたのですが、私の理解度が十分ではなく「実現したいこと」に書いたようにはできませんでした。
どのように修正すればこれを実現することができるか、ご教示いただけますと幸いです。
何卒よろしくお願い申し上げます。

行動規範の内容に同意します

回答1件

Stats → Language の順にレイアウトされて、この２つが横並びになり、そして次の Streak は幅に入らないため改行されますが、Languageに高さがあるので、改行の結果、Stats の舌が余白になっているというだけのことですね。
マークダウンでブロックのレイアウトまではコントロールできないと思うので、しょうがないのでは？

とりあえず追記：あ、mdと言いつつhtmlで記述できるんですね。考え直してみます。

考え直してトライしてみた結果：

HTMLならこんな風にしてレイアウト可能です。

HTML
1<div style="display: flex;">
2  <div style="display: inline-flex; flex-direction: column;">
3    <img src="https://github-readme-stats.vercel.app/api?username=chokudai&count_private=true&show_icons=true" />
4    <img src="https://github-readme-streak-stats.herokuapp.com/?user=chokudai" />
5  </div>
6    <div style="display: inline-flex; flex-direction: column;">
7      <img src="https://github-readme-stats.vercel.app/api/top-langs/?username=chokudai" />
8  </div>
9</div>