diff --git a/info/JDchokai-explain.html b/info/JDchokai-explain.html
index 01a4290..4a23209 100644
--- a/info/JDchokai-explain.html
+++ b/info/JDchokai-explain.html
@@ -12,7 +12,7 @@
 h1.section-items{background-color: #D3DEF1; text-align:center;}
 .program{color: White; background-color: black; font-size:20px; margin-bottom: 1em;}
 .answer{color: White; background-color: #008080; font-size:20px; margin-bottom: 1em;}
-img .ruby-ex-img{
+img.ruby-ex-img{
   position: relative;
   left: 50%;
   transform: translateX(-50%);
@@ -131,7 +131,8 @@
 apple = 3
 orange = 5
 japan = 2
-google_earth = apple + orange + japan <span style="color: yellow;">#３つの変数の値の合計をgoogle_earthに代入する</span>
+google_earth = apple + orange + japan 
+<span style="color: yellow;">#３つの変数の値の合計をgoogle_earthに代入する</span>
 print(google_earth)
 </pre>
 <pre class="answer">
@@ -613,7 +614,8 @@
 <pre class="program">
 yasai = "きゅうり" <span style="color: yellow;">#yasaiという名前の「変数」</span>
 
-kudamono = ["りんご", "みかん", "バナナ"] <span style="color: yellow;">#kudamonoという名前の「配列」</span>
+kudamono = ["りんご", "みかん", "バナナ"] <span style="color: yellow;">
+#kudamonoという名前の「配列」</span>
 </pre>
 <p>kudamono =["りんご", "みかん", "バナナ"]のように</p>
 <p>配列は[ ]のなかにいくつもの値を格納して表現される。配列に格納されている１つ１つの値のことを要素と呼ぶ。</p>
@@ -622,7 +624,8 @@
 #!/usr/bin/env ruby
 #-*- coding: utf-8 -*-
 
-kudamono = ["りんご", "みかん", "バナナ"] <span style="color: yellow;">#kudamonoという名前の「配列」</span>
+kudamono = ["りんご", "みかん", "バナナ"] 
+<span style="color: yellow;">#kudamonoという名前の「配列」</span>
 
 printf("%s\n", kudamono[0])
 printf("%s\n", kudamono[1])
@@ -646,19 +649,26 @@
 <h2>[2]配列への値の格納方法</h2>
 <p>配列とはkudamono = ["りんご", "みかん", "バナナ"]のようにkudamonoと名前のつけた配列に値を格納することが出来る。しかし、値の格納方法はこれ１つではない。</p>
 <pre class="program">
-kudamono = []  <span style="color: yellow;">#配列の中身を空にして、何も格納されていない空の配列を用意する</span>
+kudamono = []  
+<span style="color: yellow;">#配列の中身を空にして、何も格納されていない空の配列を用意する</span>
 
-kudamono[0] = "りんご" <span style="color: yellow;">#空の配列の先頭に値を格納</span>
-kudamono[1] = "みかん" <span style="color: yellow;">#空の配列の２番めに値を格納</span>
-kudamono[2] = "バナナ" <span style="color: yellow;">#空の配列の３番目に値を格納</span>
+kudamono[0] = "りんご" 
+<span style="color: yellow;">#空の配列の先頭に値を格納</span>
+kudamono[1] = "みかん" <br>
+<span style="color: yellow;">#空の配列の２番めに値を格納</span>
+kudamono[2] = "バナナ" 
+<span style="color: yellow;">#空の配列の３番目に値を格納</span>
 </pre>
 <p>この方法でもkudamono = ["りんご", "みかん", "バナナ"]の配列は作ることが出来る。しかし、この添字で直接格納するのではなく</p>
 <pre class="program">
 kudamono = []  <span style="color: yellow;">#配列の中身を空にして、何も格納されていない空の配列を用意する</span>
 
-kudamono &lt;&lt; "りんご" <span style="color: yellow;">#空の配列の末尾にりんごを追加</span>
-kudamono &lt;&lt; "みかん" <span style="color: yellow;">#りんごが先頭に格納されている配列の末尾にみかんを追加</span>
-kudamono &lt;&lt; "バナナ" <span style="color: yellow;">#りんごが先頭、2番めにみかんが格納されている配列の末尾にバナナを追加</span>
+kudamono &lt;&lt; "りんご" 
+<span style="color: yellow;">#空の配列の末尾にりんごを追加</span>
+kudamono &lt;&lt; "みかん" 
+<span style="color: yellow;">#りんごが先頭に格納されている配列の末尾にみかんを追加</span>
+kudamono &lt;&lt; "バナナ" 
+<span style="color: yellow;">#りんごが先頭、2番めにみかんが格納されている配列の末尾にバナナを追加</span>
 </pre>
 <p>というように「&lt;&lt;」を使って末尾に追加していくほうが便利に格納できる。</p>
 <div class="box1">