Force inline-block images so badges and demo grids sit in one row

README.md

@@ -18,7 +18,15 @@ license: apache-2.0
 
 **MiniWorld: Democratizing the Training of Video World Models from Scratch**
 
-<a href="https://zhao-yian.github.io/MiniWorld/"><img src="https://img.shields.io/badge/Project-Page-1f6feb?style=for-the-badge&logo=googlechrome&logoColor=white" alt="Project Page"></a> <img src="https://img.shields.io/badge/arXiv-Coming%20Soon-b31b1b?style=for-the-badge&logo=arxiv&logoColor=white" alt="arXiv"> <a href="https://github.com/zhao-yian/MiniWorld"><img src="https://img.shields.io/badge/GitHub-Code-181717?style=for-the-badge&logo=github&logoColor=white" alt="GitHub"></a>
+<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>
+  <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;"/>
+  </a>
+</div>
 
 MiniWorld is a minimal and reproducible framework for training streaming video
 world models from scratch. Instead of adapting a pretrained bidirectional video
@@ -38,7 +46,14 @@ training scripts, and evaluation utilities live in the GitHub repository.
 Each tile is a 253-frame streaming rollout from the `1B` checkpoint, generated
 from a single observed frame plus the control signal.
 
-<p align="center"><a href="https://huggingface.co/zhaoyian01/MiniWorld/resolve/main/assets/demo_droid.mp4"><img src="assets/demo_droid.webp" width="400" alt="DROID action-conditioned rollouts"></a> <a href="https://huggingface.co/zhaoyian01/MiniWorld/resolve/main/assets/demo_re10k.mp4"><img src="assets/demo_re10k.webp" width="400" alt="RealEstate10K camera-conditioned rollouts"></a></p>
+<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>
+  <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>
+</div>
 
 <p align="center"><sub><b>DROID</b> action-conditioned rollouts (left) and <b>RealEstate10K</b> camera-conditioned rollouts (right), shown at 2× speed. Click either grid for the full-resolution video, or see the <a href="https://zhao-yian.github.io/MiniWorld/">project page</a> for all 100 rollouts.</sub></p>