![[community profile]](https://www.dreamwidth.org/img/silk/identity/community.png){kind=small}
![[personal profile]](https://www.dreamwidth.org/img/silk/identity/user.png){kind=small}
Jan. 9th, 2026 at 10:07 AM
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?
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?
Comments
<div>for the 2nd block (the one that contains Mira's picture) so that the text "Mira" starts below the image. I moved the</div>tag before<hr>to the top right next to where the 2nd div block ends, and that seems to have fixed it.Then I replaced the
"position: absolute; left: 10px;"lines on the text with"display: flex".I tried to tinker with it a bit; I'm not sure where you wanna place the "24 | Female" part but this is what I came up with to fix the "Mira" text problem:
Someone else could probably come up with a more efficient solution than I did, but I hope this helps!
Edited 2026-01-15 06:27 am (UTC)
I wanted the text on the picture but also now that I think about it that probably doesn't make sense anyway lol
Edited 2026-01-17 10:48 pm (UTC)
Ah sorry about that, that was my misunderstanding. If you want the text on the image itself, you can use your original code and just change
left: 10px;tobottom: 0;