回答編集履歴

2 編集

dit.

dit. score 2259

2018/05/10 16:28  投稿

ちょっと乱暴かもですが、例えば画像が絶対に260px幅の場合
画像側`class="left"`内に`div`を追加し、その横幅を260pxに指定する。
その中の`p`の文字サイズを 0.9emに指定する。
`class="box_cmn"`と`class="right"`と`class="cnt_flm_grn560_body clearfix_h0"`の閉じ`div`を仮定で追記してこんな感じです。
`class="box_cmn"`と`class="right"`と`class="cnt_flm_grn560_body clearfix_h0"`の`div`を仮定で閉じてこんな感じです。
```html
<div class="box_cmn">
 <div class="left">
   <img src="http://placehold.jp/260x240.png" alt="TEST" width="260" height="240">
   <div><p>ここに画像のキャプションが入ります。ここに画像のキャプションが入ります。</p></div>
 </div>
 <div class="right">
   <div class="cnt_flm_grn560_head"></div>
   <div class="cnt_flm_grn560_body clearfix_h0" id="hi200">
     <p>ページの説明文1</p>
     <p>ページの説明文2</p>
   </div>
 </div>
</div>
```
```css
.left div{
 width:260px;
}
.left div p{
 font-size: .9em;
}
```
[一応サンプル](https://codepen.io/dit4410/pen/zjWGLL)
---
CSSの指定の仕方、読み込み方はこの辺を
[CSSはどこに書く?外部CSSファイルの読み込み方&インラインでの書き方](https://saruwakakun.com/html-css/reference/where-css)
CSSそのものについてはこの辺を
[HTMLクイックリファレンス-CSSとは](http://www.htmq.com/csskihon/001.shtml)
1 追記

dit.

dit. score 2259

2018/05/10 16:25  投稿

ちょっと乱暴かもですが、例えば画像が絶対に260px幅の場合
画像側`class="left"`内に`div`を追加し、その横幅を260pxに指定する。
その中の`p`の文字サイズを 0.9emに指定する。
`class="box_cmn"`と`class="right"`と`class="cnt_flm_grn560_body clearfix_h0"`の閉じ`div`を仮定で追記してこんな感じです。
```html
<div class="box_cmn">
 <div class="left">
   <img src="http://placehold.jp/260x240.png" alt="TEST" width="260" height="240">
   <div><p>ここに画像のキャプションが入ります。ここに画像のキャプションが入ります。</p></div>
 </div>
 <div class="right">
   <div class="cnt_flm_grn560_head"></div>
   <div class="cnt_flm_grn560_body clearfix_h0" id="hi200">
     <p>ページの説明文1</p>
     <p>ページの説明文2</p>
   </div>
 </div>
</div>
```
```css
.left div{
 width:260px;
}
.left div p{
 font-size: .9em;
}
```
[一応サンプル](https://codepen.io/dit4410/pen/zjWGLL)
[一応サンプル](https://codepen.io/dit4410/pen/zjWGLL)
---
CSSの指定の仕方、読み込み方はこの辺を
[CSSはどこに書く?外部CSSファイルの読み込み方&インラインでの書き方](https://saruwakakun.com/html-css/reference/where-css)
CSSそのものについてはこの辺を
[HTMLクイックリファレンス-CSSとは](http://www.htmq.com/csskihon/001.shtml)

思考するエンジニアのためのQ&Aサイト「teratail」について詳しく知る