I am facing an issue where I want a span to start from the top and expand as the text length increases, but it is currently starting from the bottom and moving upwards. See the image below for reference: View Image
<div style="width:70%;margin-left: 15%">
<section name="about">
<h2>About the Choral Group</h2>
<article >
<div style="height: 100%;">
<span>
hey.
Well this is a very professional description of our team.
Feel free to check out these xyz.
</span>
</div>
</article>
<figure >
<img src="assets/team.jpg" >
</figure>
</section>
</div>
article {
display:inline-block;
width:40%;
}
figure{
display:inline-block;
width:40%;
}