体裁を整える
それ以外長い文字にするとどうなるのか













































ブロックCここはまだなにも決めていない。
style 説明
BODY{
  margin : 0px;
  background:#FFF url('images/beni102.gif') repeat; 
}

DIV.block_A{
   text-align : center;
   /*font-size: 28pt;*/
   /*color : red;*/
   /*background-color : white;*/ 
 margin-left : auto;
  margin-right : auto;
  margin-bottom : auto;
  height : 100px;
  display:block;
  font-family : sans-serif;
  vertical-align : middle;
  padding-top : 25px;
  background-image : url(images/benilogo.gif);
  background-repeat : no-repeat; /*30px;*/
  background-position : 10px 10px;
}


DIV.block_B{
   border-color : red;
   /*background-color : white;*/
  top : 0px;
  height : 100%;
  width : 17%;
  float : left;
}


.main_title{
  margin-top : 25px;
  /*padding-top : 25px;*/
  /*vertical-align : middle;*/
   color : red;
   text-align : center;
  display : inline;

  font-size:28px
;}
.sub_title{
  color : #3d45dc;
  display :inline;
  font-size: 80%;
}
   
← 画面いっぱいに表示される。

 margin:0px を指定しないデフォルト
 では上下左右10px程度のようです。
  

   ここは main_title で設定する。






 



← イメージ 背景画
 繰り返さない
 位置設定


← block_A,B,C ともに background-color を 
  指定しなければ bodyの background
   を表示する。





← main_title のクラス









← sub_title

ここからhtml 文例
<div class="block_A">
  <div class="main_title">
      体裁を整える
  </div>
  <div class="sub_title">それ以外長い文字にするとどうなるのか</div>
</div>