CSSで画像を右寄せしたい

前提・実現したいこと

初心者の質問で申し訳ありません。
cssで画像を右寄せしたいのですが、
上の<P></P>の文章の右端に合わせて右寄せになってしまいます。
右枠いっぱいまで右寄せするにはどうしたらいいでしょうか。
ご教示よろしくお願いいたします。

発生している問題・エラーメッセージ

画像 <div class="ex-img"><img src="/img.jpg" width="170px"></div>を

<div class="div-section">枠右寄せにしたいが上の<P></P>の文章の右端に合わせた右寄せになってしまう。 ``` エラーメッセージ ```

該当のソースコード

.div-section {
	padding: 15px;
	margin: 0 0 2em;
}
#section#1 {
	padding: 2em 0 0 0;
}


h3 {
	font-size: 18px;
	margin: 0 0 10px;
}

h3 span {
	font-size: 15px;
	font-weight: normal;
	margin: 0 0 10px;
}


p {
	margin: 0 0 1em;
}

p span {
	font-size: 12px;
}


.div-box {
	display: flex;	
}

.div-img {
	width: 170px;
	margin-right: 20px;
	flex-shrink: 0;
}
.ex-img {
	width: 170px;
	    float: right;
}

<div class="div-section">

    <section id="1" class="div-box">
 	 <div class="div-img"><img src="/img_1.jpg" width="170px">
         </div>
			
    	   <div>
              <h3>1.タイトル　<span>1</span></h3>
              <p>テキスト</p>
	    <div class="ex-img"><img src="/img.jpg"  width="170px"></div>
           </div>
    </section>
</div>

試したこと

ここに問題に対して試したことを記載してください。

補足情報（FW/ツールのバージョンなど）

ここにより詳細な情報を記載してください。

K_3578

2021/07/09 01:18

枠いっぱいというのは画面右端までって事ですか？

yambejp

2021/07/09 01:21

どこの何をどうしたいのか、手書きでいいので図示して下さい

shirohatoful

2021/07/09 04:14

ご質問ありがとうございます。回答いただいた内容で解決出来ました。ありがとうございます。

行動規範の内容に同意します

回答1件

ベストアンサー

以下を追加するとどうですか？

css
1.div-box>div:not(.div-img) { /* 適切にクラスをつけてください */
2    width: -moz-available;
3    width: -webkit-fill-available;
4    width: stretch;
5    /* または flex-grow: 1; */
6}