He movido un elemento con position: relative
(y las demás variantes); pero cuando muevo el elemento parece que solo se mueve el texto y no el elemento en sí, por lo que cuando quiero adaptar un div como background con max-width: fit-content
, se adapta al texto en su posición inicial y el texto que moví se queda afuera del div.
alguien sabrá cómo mover todo el elemento? o alguna solución?
Código HTML:
<div style="
background-color:#118a37;
max-width: fit-content;
">
<div style="
padding: 20px 20px 20px 20px;
">
<a href="https://i.scdn.co/image/ab67616d0000b27313b3e37318a0c247b550bccd"
style="
height: 100px;
width: 100px;
">
<img src="https://i.scdn.co/image/ab67616d0000b27313b3e37318a0c247b550bccd"
height="100"
width="100">
</a>
<span style="
position: relative;
bottom: 80px;
left: 115px;
font-size: 30px;
">
<a style="
font-size: 30px;
font-weight: bold;
max-width: fit-content;
"
href="https://open.spotify.com/track/34gCuhDGsG4bRPIf9bb02f"
>Thinking out Loud
</a>
</span>
<div class="data" style="
position: relative;
left: 115px;
bottom: 80px;
">
<span>Ed Sheeran</span>
<span>2014</span>
<span>4:41</span>
</div>
</div>
</div>
El código es de Electron