Currently in the process of constructing an About Me page, I want the text box to align to the left side of the screen while having a picture inline with the text. However, I've encountered an issue where the picture only displays underneath the text. Can someone assist me in identifying where I'm going wrong? Thank you.
HTML
<div class="about_me">
<h2 class="about">about me</h2>
<p class="bio">I am a Front End Designer from Cadillac, MI with expertise in HTML and CSS. I have a passion for website design and coding. Transforming your challenges into solutions is what drives me. Whether it's a logo or a complete website, count on me to deliver. </p>
</div>
<div class="family">
<img src="images/family1.jpg" alt="family">
</div>
CSS
.about_me {
width: 500px;
height: auto;
border:none;
visibility: visible;
right: 0%;
opacity: 1;
}
.about {
font-size: 45pt;
font-family: Zumba Fitness Official Typeface;
}
.bio {
font-family: arial;
font-size: 14pt;
}
.family {
visibility: visible;
left: 0%;
opacity: 1;
}