横文字の長文を揃えたいです。

実現したいこと
付属画像１の青いタイトルの下の文章の右端を揃えたいのですが上手くいきません。

試してみたこと
以下をｃｓｓのコードに追加しました。
/* 画像の横のタイトルの下の文章を揃える */
.title3 div{

width: 100%;
text-align: justify;
text-justify: inter-ideograph;
}

これで、確かに右端はそろったのですが、付属画像２のように文字の幅の横幅が狭い範囲で文字が揃ってしまいます。付属画像１のような文字幅で右端を揃えたいです。

あと、リセットｃｓｓ入れています。
先に進めずに困っています。回答よろしくお願いいたします。

付属画像１

付属画像２

html
1
2
3<!DOCTYPE html>
4
5<html>
6<head>
7<meta content="text/html; charset=utf-8" />
8<title></title>
9<link rel="stylesheet" href="reset.css">
10<link rel="stylesheet" href="hhh.css">
11<style type="text/css">
12
13/* 画像と文字の背景色の設定 */
14 .wrap {
15width: 100%;
16margin: 0 auto;
17background: rgb(230, 236, 230);
18}
19
20
21
22</style>
23
24</head>
25<body>
26<div class="wrap">
27<!--画像と文字の背景色の設定-->
28<div class="flex">
29<!--画像の横に文字を書くためflexのｃｓｓとdivで囲む-->
30<div>
31
32<p><img src="senden2.png" alt="［写真］" class="example3"> </p>
33</div>
34
35<div class="title3">
36
37<p>任天堂のゲームソフトは世界中で爆発的な人気があります。</p>
38
39<p class="kuuhaku2"></p><!--空白の設定-->
40
41  <div>
42                特にレトロゲームは海外では入手が難しく、わざわざ日本に買いにくる旅行者も多いです。
43                これらのソフトは日本語表記のものも多く、高値で買ってもらえるのも特徴といえるでしょう。
44                レトロゲームは40代以降の大人に人気が高いです。
45                任天堂のゲームは一時期のブームで終わっていくものとは違い、知名度の高いキャラクターを使用し、継続した
46                シリーズタイトルでの販売が多く、
47                普段ゲームをやらない層にまで、波及しています。
48                任天堂がこれまでに生み出したキャラクター、マリオシリーズ、
49                スプラトゥーン、カービー、どうぶつの森         
50     
51</div>
52</div>
53</div>
54</body>
55</html>

◎◎◎cssのコード　hhh css

css
1/* 空白の設定 */
2.kuuhaku2{
3  margin-top: 25px;
4}
5/* 画像の横のタイトルの下の文章を揃える */
6.title3 div{
7
8  width: 100%;
9  text-align: justify;
10  text-justify: inter-ideograph;
11}
12
13
14/* 画像の大きさ調節 */
15img.example3 {
16width: 100%;
17height: 400px;
18}
19/* 画像の横に文字を配置する */
20 .flex{
21display: flex;/
22padding: 10px;
23}
24
25.flex div{
26width: 50%;
27margin: 10px;/
28padding: 10px;/* 内側の空白上下左右????にする */
29}
30
31/* 画像の横に文字のスタイル(タイトル） */
32.title3 p{
33font-size: 39px;
34line-height:45px;
35font-family: "ＭＳ ゴシック",sans-serif; /* 文字の種類 */
36color:#33d;
37}

◎◎◎リセットｃｓｓのコード

css
1/* 
2html5doctor.com Reset Stylesheet
3v1.6.1
4Last Updated: 2010-09-17
5Author: Richard Clark - http://richclarkdesign.com 
6Twitter: @rich_clark
7*/
8 
9html, body, div, span, object, iframe,
10h1, h2, h3, h4, h5, h6, p, blockquote, pre,
11abbr, address, cite, code,
12del, dfn, em, img, ins, kbd, q, samp,
13small, strong, sub, sup, var,
14b, i,
15dl, dt, dd, ol, ul, li,
16fieldset, form, label, legend,
17table, caption, tbody, tfoot, thead, tr, th, td,
18article, aside, canvas, details, figcaption, figure, 
19footer, header, hgroup, menu, nav, section, summary,
20time, mark, audio, video {
21    margin:0;
22    padding:0;
23    border:0;
24    outline:0;
25    font-size:100%;
26    vertical-align:baseline;
27    background:transparent;
28}
29 
30body {
31    line-height:1;
32}
33 
34article,aside,details,figcaption,figure,
35footer,header,hgroup,menu,nav,section { 
36    display:block;
37}
38 
39nav ul {
40    list-style:none;
41}
42 
43blockquote, q {
44    quotes:none;
45}
46 
47blockquote:before, blockquote:after,
48q:before, q:after {
49    content:'';
50    content:none;
51}
52 
53a {
54    margin:0;
55    padding:0;
56    font-size:100%;
57    vertical-align:baseline;
58    background:transparent;
59}
60 
61/* change colours to suit your needs */
62ins {
63    background-color:#ff9;
64    color:#000;
65    text-decoration:none;
66}
67 
68/* change colours to suit your needs */
69mark {
70    background-color:#ff9;
71    color:#000; 
72    font-style:italic;
73    font-weight:bold;
74}
75 
76del {
77    text-decoration: line-through;
78}
79 
80abbr[title], dfn[title] {
81    border-bottom:1px dotted;
82    cursor:help;
83}
84 
85table {
86    border-collapse:collapse;
87    border-spacing:0;
88}
89 
90/* change border colour to suit your needs */
91hr {
92    display:block;
93    height:1px;
94    border:0;   
95    border-top:1px solid #cccccc;
96    margin:1em 0;
97    padding:0;
98}
99 
100input, select {
101    vertical-align:middle;
102}