*Coding help! Something simple.

[ngtskynebula]

Hi! I've looked around Dreamwidth's FAQ and resources on the web, but I cannot, for the love of goodness, find an answer, so I'm posting this here: how can I make my grid appear perfectly centered, without that strange space on the left? I used the code W3 Schools recommends (I'm 100% new to anything HTML/CSS related, which is why I'm having such a basic headache.) One post from many years ago, in this comm, says it's allowed to ask for coding help... I hope my question fits the criteria. I'm using this code right here:

<div class="row"><div class="column" style="text-align: center;"><img src="https://images2.imgbox.com/9e/24/UkLyf1cp_o.jpg" alt="" width="31.5%" height="auto" />&nbsp;<img src="https://images2.imgbox.com/a9/83/Osh99v8X_o.jpg" alt="" width="31.5%" height="auto" />&nbsp;<img src="https://images2.imgbox.com/c6/0b/X6k9TYNk_o.jpg" alt="" width="31.5%" height="auto" /><style type="text/css">.row{display:flex;flex-wrap:wrap;}</div></style></div></div>

It's like this:

Comments

[setsuntamew]

If you're using that in a post, it might just be a quirk of dreamwidth's? I don't run into that problem if I have just one image centered, but once I have multiple in the same centered row, I tend to get a wider space on the left side. Sometimes things format weird on dreamwidth in ways they don't others- even livejournal and insanejournal, despite using the same base code. I've tried a couple ways to counteract it and haven't found a solution yet, sorry D:

[ngtskynebula]

Aw, thank you! 😕 I guessed it had to do with Dreamwidth, yeah, but, see, I tried out gourdier's suggestion in this thread and it worked for me. Maybe it'll work for you, too? 🧐

Dreamwidth's HTML/CSS rendering is weird, sometimes.