跨度文本从底部开始，并添加新行。跨度被上推一行

Question

我希望跨度从顶部开始，并且随着文本长度的增加填充更多行，但它从底部开始到顶部。 ！[问题图像]：https://ibb.co/KXFtC2g

<div style="width:70%;margin-left: 15%">

    <section name="about">
        <h2>عن الكورال</h2>
        <article >
            <div style="height: 100%;">
            <span>
                hey.
                Well this is a vety professional discription of our team.
                feel free to check 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%;
     }

Answer 1

这应该可以满足您的需求。

figure{
     display:inline-block;
     width:40%;
     float: right
     }

见小提琴here