For everyone that’s wondering how to get the AO3 badges all centered in the middle or how to change the sizes <3
Centering:
Copy and paste the ones you want inside of this:
<p align="center">INSERT HTML CODES HERE</p>
line if you want them in the middle.
Sizing:
Add width= "…" before the last bracket > of each image individually to change up the sizing.
Stacking:
Use <br> between images to stack rows.
Example:
<p align="center">
<img src="https://64.media.tumblr.com/0b05f694f2f96aaf9e5b727c9949431a/c0e78b9e0bedc5fc-3f/s250x400/d5589ac4daa55f5ebc47407e4aaf4483c68c1102.pnj" alt="circular badge with the words 'I survived the shutdown of 2026' with an AO3 logo" width="100">
<br>
<img src="https://64.media.tumblr.com/455abcd4fe1cc03969b8364782aa1784/4337858a7fcf6b1a-de/s250x400/361e0fe41acb846f75c91afd71f292a2224e7276.pnj" alt="circular badge with the words 'certified enjoyer of M/M' with an AO3 logo" width="100">
</p>
