Hey all!

I'm trying to code my first thing for Dreamwidth and I'm stuck :(

It's a dating app profile which you can see at one of my char journals.

What I want to do is have the "Mira text" in the bottom left of the image. Any ideas why this isn't working?

<div style="margin: 0 auto; max-width: 40%; display: flex; flex-wrap: wrap; justify-content: space-between; border:1px solid #999;"> <div style="width:100%; background:#fff url(https://pbs.twimg.com/media/GvHUWWwaAAEb24d.jpg) center; background-size:cover; height:300px; font-family: cursive; color:#fff; position: relative;"> <!-- For Mira text --> <div style="position: absolute;left: 10px; font-size: 3em;">MIRA</div> <div style="position: absolute; left: 10px; font-family: verdana; font-size: 1.5em;">24 | Female</div> </div> <hr> <div style="width:100%; padding:5px;">Hi I'm Mira! I'm looking for friends or just people who want some casual hand holding.... I'm from Seoul, South Korea if that means anything to you. I'm a singer, dancer and choreographer and hunted demons in my spare time. </div> </div>