textの周り込みは無しで、textの同じ行に画像を右揃えで表示したい

Question

floatを使っても出来ませえでした。flexにしても位置が変わらない状況です。
ご教授宜しくお願い致します。

<div class="box-text">
		<h1>「******************</h1>
		<h2>************************************！<br>************************************</h2>
<h3>&lt;******&gt;</h3>
<div class="menu">
<ul>
	<li>****************</li>
	<li>***************</li>
	<li>**********************</li>
	<li>********************</li>
	<li>********************</li>
</ul>
<div class="float-claer">
<div class="box-img">
	<img src="images/******************.jpg" alt="***************">
</div>
<div class="box-img">
	<img src="images/**********************" alt="*************">
</div>
</div>

@charset "utf-8";
h1{
	font-size: 30px;
	margin-top: 20px;
}
h2{
	font-size: 25px;
	margin-top: 10px;
}
h3{
	font-size: 20px;
	margin-top: 8px;
	margin-bottom: 5px;
}
.box-text,
.box-img{
	display: inline-block;
	margin-right: 0;
}
.box-img{
	float:right;
	margin-right: 1em;
	margin-bottom: 0.5em;
	vertical-align: baseline;
}
.float-claer{
	overflow: hidden;
}
ul{
	list-style-type:-2em;
	font-size: 16px;
}
.menu li{
	font-size: 16px;
}

Comments

[yambejp]

画像は具体的にどこにくればよいのですか？
ul-liの右サイドですか？そこから下にずれた右サイドですか？
画像２つの位置関係はどうするのですか？

[let]

ご返信ありがとうございます。
＜h2＞あたりからul-liの右サイドです。画像の配置は縦並び、横並びどちらも目視で確認したいと思います。

Answer 1

.menu{
display:flex;
justify-content:space-between;
}

Comments

[let]

ご返信ありがとうございます。
CSSに適応させましたが何も変化がありません。
どこかおかしいのでしょうか？

[yambejp]

こういうことではないのでしょうか？

https://codepen.io/yambejp/pen/JjRoqqy

[let]

はい、イメージはその通りです。
現状画像は中央に横並びで表示されています。

[yambejp]

不要なinline-blockやfloatを削除してください
その他のcssを追記してあります

[let]

ご返信ありがとうございます。
追記いただいていた、CSSを全て適用しました所画像が縦並びでul-liの下に配置されております。
イメージ通りにはならないです。どこがわるいのでしょうか？

[yambejp]

他になにかCSSでも設定されているのでは？
質問に書かれていないものまではこちらでは想像しづらいです

codepenのHTMLとCSSだけで再現性を確かめてください

[let]

HTMLの記載がcodepenと違っておりました。
失礼いたしました。
教えていただいた通り右側に移動しました。ありがとうございます。
イメージではul-liのリストが<h3>の内側に入るようにしたいのですが、list-style-type:-2em;の表記は間違っているのでしょうか？

[let]

右寄せにした画像なんですが、上部にある画像サイズが226*80下部にある画像サイズ196*207なんですが、上部にある画像のみ右側にmargin-rigthで調整したいのですが、これはdivを追加したらうまくあわせられますでしょうか？
質問ばかりで申し訳ありませんが、宜しくお願い致します。

[yambejp]

ちょっと図示してもらえませんか？

[let]

教えていただいたcodeで表示した所問題なく内側に入っているので本番環境の何かが要因で外側に出ているみたいです。大変失礼しました。また色々試行錯誤しようと思います。

[let]

画像の件も図で示した方がよいのでしょうか？
https://codepen.io/letlet/pen/MWjYNRZ
になります