Welcome to The Aesthetic Kingdom™.
If you chose “keep dreaming”, consider yourself an official member of this thread. And what is this thread, you may ask? Well, this thread is a place to appreciate and share aesthetic things. Enjoy. c:
Previous Thread
Next Thread
[code removed]
@Spider-Hawk This isn’t a child but it’s centered for both mobile and desktop.
Hmm will <img src work with any image in a span? Cause that would work with me.
Trying to work with em or px.
What are you trying to make?
Trying to put a cover image inside a span so I can have a coded SYS story post. I think just psot8ng the image is what broke the span when I tried it.n
Did you specify a width for the image?
Ohhhh, I think I remember this. There was a small hack I did to get images to go in spans.
Edit: The hack was to wrap the img tag inside the a tag.
<a><img src="https://media2.giphy.com/media/uOhd72q8BxqMM/giphy.gif"></a>
^^^ like that
Neon Text:
How’s this for some color?
<span style="font-size: 25px; color: #39ff14; text-shadow: 0 0 3px #74ff14, 0 0 5px #74ff14;">How's this for some color?</span>
How’s this for some color?
<span style="font-size: 25px; color: #ff500a; text-shadow: 0 0 3px #ff500a, 0 0 5px #ff500a;">How's this for some color?</span>
Really? I thought it wasn’t working here since it worked in the HTML editor … Can you tell me which was wrong? And thanks for letting me know! 
Regular coding doesn’t work the same way as forums coding
I went ahead and coded it for you:
<span style="font-size: 15px; display: block; border: 5px solid #3dd4d2; width: 95%; padding: 5px; font-family: times; text-align: center;"> <font color="#3dd4d2" size=6> [u] COVER FORM [/u] </font> <br><br> Title: <br> Author: <br> Subtitle: <br> Link <br> Genre <br> Theme <br> Mood <br> Extra/Idea/Inspiration:<br> </span>
<span style="font-size:; display: block; margin: auto; border: 5px solid blue; width: 300px; height: 100px; background-color: #fff; background-image: url("https://images.unsplash.com/photo-1596888723330-c33ffdf2a379?ixlib=rb-1.2.1&ixid=eyJhcHBfaWQiOjEyMDd9&auto=format&fit=crop&w=1350&q=80");"> </span>
Can someone point out the error here? (Background image isn’t working for some reason)
You could try downloading the image and uploading it to imgur. The link doesn’t end with .png, etc. so that may be the reason why it’s not showing up.
The thing is, I tried that already. Still nothing
<span style="font-size:; display: block; margin: auto; border: 5px solid blue; width: 300px; height: 100px; background-color: #fff; background-image: url("https://imgur.com/NOw9ryZ");"> </span>
So, I went to your imgur link and then I found the image. Then I right clicked on it and selected “open image in a new tab” and it took me to another page where the url was:
https://i.imgur.com/NOw9ryZ.jpg
For coding, image links need to end in .png, .jpg, or .gif (most popular three) to properly work.
I tried that too. I don’t think the link is the issue:
–screenshot removed–
Did you try posting it yet?
<span style="font-size:; display: block; width: 300px; height: 190px; background-image: url('https://i.imgur.com/NOw9ryZ.jpg'); background-position: center; background-size: 300px;"> </span>
Thank you!
No problem! 
