回答編集履歴
1
画像の横幅決まっていましたね
    
        answer	
    CHANGED
    
    | @@ -9,17 +9,17 @@ | |
| 9 9 |  | 
| 10 10 | 
             
            もし画像の横幅が決まっているのなら、その外側のdivを同じ幅にしましょう。
         | 
| 11 11 |  | 
| 12 | 
            -
            画像の横幅が | 
| 12 | 
            +
            画像の横幅が200pxの時
         | 
| 13 13 | 
             
            ```css
         | 
| 14 14 | 
             
            .box1{
         | 
| 15 | 
            -
              width: | 
| 15 | 
            +
              width:200px;
         | 
| 16 16 | 
             
              text-align:center;
         | 
| 17 17 | 
             
            }
         | 
| 18 18 | 
             
            ```
         | 
| 19 19 | 
             
            すると、なにも指定していない画像は自身のサイズを超えない範囲で横幅いっぱいに広がろうとします(もし画像の横幅が100pxなら、そこまで)。
         | 
| 20 20 |  | 
| 21 21 | 
             
            結果として、
         | 
| 22 | 
            -
            ・横幅 | 
| 22 | 
            +
            ・横幅200pxのdivに
         | 
| 23 | 
            -
            ・横幅 | 
| 23 | 
            +
            ・横幅200pxに広がった画像
         | 
| 24 24 | 
             
            ・divの中央に配置された文字(=これが画像の下中央となっているように見える
         | 
| 25 25 | 
             
            が得られます。
         | 
