Thread:Jr Mime/@comment-31984232-20190601212239/@comment-28083312-20190605012003

The reason why this is happening is because the  tag within the text is its own element, meaning the flex layout treats the   & the unwrapped text as completely separate flex items & thus applies its relative positioning to them (in this case, putting them on separate lines because of  ). You can resolve this by wrapping the contents in a, so that only the   is a flex child (which gets vertically centered like you want) while its children (Tier World (1)) aren’t moved around oddly. You can implement this solution by editing Crate, replace  in line 62 with  I would recommend potentially abandoning vertical centering however, as not only is it not a good practice in & of itself, but that solution I have provided you is also not ideal for portability. It should work, but it would frankly be far simpler to just not vertically Infobox items.