すでに横並びにしているボックスを別の横並び要素に入れたい

Question

こういうレイアウトのサイトを作っています。

すでに横並びにしているボックスがあるのですが、ここを画像を文字を横並びにしている要素に入れたいと思っております。

が、そうなると違う横並び要素が2つもあることになり、ネットで検索するのも難しいため、コードをどうやって書けばよいかわからず、質問しました。

現状のコードはこういう感じで、ボックス部分だけ画像の下に行っている感じですが、どのように修正すればいいのでしょうか。

<img src="https://www.aaaaa.svg" alt="海の写真" title="空と海" width="100" height="30">
<div class='midoribotan'>
    <a href=''>aaaaa</a>
</div>

<style>
.inline-block_test7 {
    display: inline-block;      /* インラインブロック要素にする */
    padding:  20px;             /* 余白指定 */
    height: 100px;              /* 高さ指定 */ /*あと、ブロック部分も入れる。文字だけ右寄せってどうやるの？→文字パーツだけそうやるしかないか…。*/
}
</style>
<div class="inline-block_test7">
     <img src="https://www.aaaaa.png" alt="海の写真" title="空と海" width="300" height="400">
</div>
<div class="inline-block_test7">
    <font color=ffffff><b><span style="font-size:2em;">aaaaa</span></b>
<b><br>aaaaa<span style="font-size:4em;">20,000</span>aaaaa</b>
<b><br><span style="font-size:3em;">aaaaa</span>
    <b><br>aaaaa</b></font></b>
</div>
    </body>
    
<style>   
.aiue_test-box {
    padding:  10px;             /* 余白指定 */
    display: flex;
    height: 150px;
    margin-left: 50%;
}
 
.aiue_test-item {
    padding: 10px;
    color:  #fff;               /* 文字色 */
    margin:  10px;              /* 外側の余白 */
    text-align:  center;
}
 
.aiue_test-item:nth-child(1) {
    background-color: rgba( 255, 255, 255, 0.55 ); /* 背景色指定 */
}
 
.aiue_test-item:nth-child(2) {
    background-color: rgba( 255, 255, 255, 0.55 );
}
 
.aiue_test-item:nth-child(3) {
    background-color: rgba( 255, 255, 255, 0.55 );
}
</style>
    <div class="aiue_test-box">
    <div class="aiue_test-item">
        <b>aaaaa
        <br>aaaaa</b>
    </div>
    <div class="aiue_test-item">
        aaaaa
        <b><br>aaaaa
            <br>aaaaa</b>
    </div>
    <div class="aiue_test-item">
       <b>あいえう
        <br>あいうえ
        <br>あいうえ</b>
        <br><img src="https://www.aaaaa.svg" alt="海の写真" title="空と海">
        <img src="https://www.aaaaa.svg" alt="海の写真" title="空と海">
        <img src="https://www.aaaaa.svg" alt="海の写真" title="空と海">
    </div>

Answer 1

ボックスのcssを該当部分のdivの中に入れることでできました。（別の問題が生じましたが…）