ich folgende HTML haben:CSS ordnen zwei divs nebeneinander
<div className={`page-header-profile-photo-container`}>
<div className="user-picture">
</div>
<div className="user-name">
<p>Sample GmbhH</p>
</div>
</div>
Und mein css:
.page-header-profile-photo-container{
position: absolute;
top: 10%;
right: 130px;
width: 200px;
}
.user-picture {
position: relative;
top: 10%;
width: 40px;
height: 40px;
border-radius: 50%;
background-color: #787567;
}
.user-name{
position: absolute;
top: 5%;
}
Dies macht wie folgt vor:
Ich möchte zwischen zirkularem div und text etwas Abstand haben. Seite-Kopf-Profil-Foto-Container-Position muss absolut sein.
Wie kann ich das beheben?
Haben Sie versucht, verwenden 'display: inline-block' auf' .user_name CLASS'? –