I'm trying to do something like those elements from forums, which show a div with a user pic and a space with some text right, you know? I've already tried to position one on the side of the outo using float but the part of the text got crooked ... Type ... It was not centered inside your part in the contender.
.spe-layout {
height: 210px;
border-left: 1px solid #4774c6;
border-bottom: 1px solid #4774c6;
border-right: 1px solid #4774c6;
}
.spe-layout h1 {
background-color: #4774c6;
color: white;
padding-bottom: 5px;
margin-top: 0px;
}
#Dq {
display: flex;
flex-direction: column;
}
#parte-user {
align-self: flex-start;
}
#foto {
background-color: #010000;
height: 110px;
width: 110px;
}
<section id="Dq" class="spe-layout">
<h1>Título</h1>
<div id="parte-user">
<h3>Gabriel</h3>
<div id="foto">Foto</div>
</div>
<span>Texto</span>
</section>