Align badges by giving all three identical inline-block wrappers

README.md

@@ -19,12 +19,14 @@ license: apache-2.0
 **MiniWorld: Democratizing the Training of Video World Models from Scratch**
 
 <div align="center" style="line-height: 1;">
-  <a href="https://zhao-yian.github.io/MiniWorld/" target="_blank" style="margin: 2px;">
-    <img alt="Project Page" src="https://img.shields.io/badge/Project-Page-1f6feb?style=for-the-badge&logo=googlechrome&logoColor=white" style="display: inline-block; vertical-align: middle;"/>
+  <a href="https://zhao-yian.github.io/MiniWorld/" target="_blank" style="display: inline-block; vertical-align: middle; margin: 2px;">
+    <img alt="Project Page" src="https://img.shields.io/badge/Project-Page-1f6feb?style=for-the-badge&logo=googlechrome&logoColor=white" style="display: block;"/>
   </a>
-  <img alt="arXiv" src="https://img.shields.io/badge/arXiv-Coming%20Soon-b31b1b?style=for-the-badge&logo=arxiv&logoColor=white" style="display: inline-block; vertical-align: middle; margin: 2px;"/>
-  <a href="https://github.com/zhao-yian/MiniWorld" target="_blank" style="margin: 2px;">
-    <img alt="GitHub" src="https://img.shields.io/badge/GitHub-Code-181717?style=for-the-badge&logo=github&logoColor=white" style="display: inline-block; vertical-align: middle;"/>
+  <span style="display: inline-block; vertical-align: middle; margin: 2px;">
+    <img alt="arXiv" src="https://img.shields.io/badge/arXiv-Coming%20Soon-b31b1b?style=for-the-badge&logo=arxiv&logoColor=white" style="display: block;"/>
+  </span>
+  <a href="https://github.com/zhao-yian/MiniWorld" target="_blank" style="display: inline-block; vertical-align: middle; margin: 2px;">
+    <img alt="GitHub" src="https://img.shields.io/badge/GitHub-Code-181717?style=for-the-badge&logo=github&logoColor=white" style="display: block;"/>
   </a>
 </div>
 
@@ -47,11 +49,11 @@ Each tile is a 253-frame streaming rollout from the `1B` checkpoint, generated
 from a single observed frame plus the control signal.
 
 <div align="center" style="line-height: 1;">
-  <a href="https://huggingface.co/zhaoyian01/MiniWorld/resolve/main/assets/demo_droid.mp4" target="_blank" style="margin: 4px;">
-    <img alt="DROID action-conditioned rollouts" src="assets/demo_droid.webp" width="400" style="display: inline-block; vertical-align: top;"/>
+  <a href="https://huggingface.co/zhaoyian01/MiniWorld/resolve/main/assets/demo_droid.mp4" target="_blank" style="display: inline-block; vertical-align: top; margin: 4px;">
+    <img alt="DROID action-conditioned rollouts" src="assets/demo_droid.webp" width="400" style="display: block;"/>
   </a>
-  <a href="https://huggingface.co/zhaoyian01/MiniWorld/resolve/main/assets/demo_re10k.mp4" target="_blank" style="margin: 4px;">
-    <img alt="RealEstate10K camera-conditioned rollouts" src="assets/demo_re10k.webp" width="400" style="display: inline-block; vertical-align: top;"/>
+  <a href="https://huggingface.co/zhaoyian01/MiniWorld/resolve/main/assets/demo_re10k.mp4" target="_blank" style="display: inline-block; vertical-align: top; margin: 4px;">
+    <img alt="RealEstate10K camera-conditioned rollouts" src="assets/demo_re10k.webp" width="400" style="display: block;"/>
   </a>
 </div>