Here are some cool editing tips if you want to make pages look a little fancier (and if you want to make user pages look cooler 😎)
<center>[example]</center>Adds specific text to the center. Pretty simple.
<div style="text-align: center; font-size: x-large; padding: 1em;">[example]</div>Adds specific text to the center BUT makes them bigger and look better i guess. This is used for quotes normally.
<div style="background: linear-gradient(examplecolor,examplecolor); border: 8px solid examplecolor; padding: 10px; margin: 20px; text-align: center; color: examplecolor">[example]</div>Adds a border around a certain part of the page. Mostly used for userpages. You can add videos, gifs, images and stuff in these too.
<div style="border:5px solid examplecolor;background-color:examplecolor; padding:0.5em; margin-top:0.75em; margin-bottom:0.75em; border-radius:1em>[example]</div>Adds a curved border around a certain part of the page. Mostly used for userpages. You can add videos, gifs, images and stuff in these too.
<div class="mw-collapsible-content">[example]</div>Adds a collapsible line of text, which means you can collapse and expand the text. Basically a hide option. You can use this if there is a ton of text you wanna hide.
