Być może ktoś będzie potrafił pomóc.
Zależy mi aby w div o nazwie profilefriends,
1. Napis Friends był na górze (tak jest aktualnie)
2. Pod napisem był div, w którym zdjęcie i div o klasie "friends_name" (czyli string) wyświetlały się obok siebie a ponadto string z (friends_name) wyświetlał się po środku (na prawo od zdjęcia).
Przez ten display:flex w div o nazwie "profile_news" nic nie mogę z tym zrobić... napis wyświetla się pod zdjęciem :(
HTML
<div class="profilenews">
<div class="profilefriends">
<h2>  Friends</h2>
<div>
<img src="img/ja.jpg">
<div class="friends_name">Aleksander Kowalski</div>
</div>
</div>
<div class="profileposts">
</div>
</div>
CSS
.profilenews
{
display:flex;
width:100%;
}
.profilefriends
{
min-height:400px;
background-color:green;
flex:1;
background-color:white;
margin-right:20px;
border:2px solid green;
}
.profileposts
{
min-height:400px;
background-color:blue;
flex:2.5;
background-color:white;
}
.profilefriends img
{
width:70px;
height:70px;
object-fit:cover;
margin:10px;
border:2px solid yellow;
}
.friends_name
{
border:2px solid yellow;
}