Suffusion スタイル
/*  絵、図を囲む */ 
p.IBUFloatLeft
{
  float: left;
  width: 145px;
}
p.IBUFloatLeft_240
{
  float: left;
  width: 240px;
}
                                    
/*  文字を囲む */
p.IBUMarginLeft
{
   margin-left: 155px;
}
p.IBUMarginLeft_250
{
   margin-left: 250px;
}

/* dlのテーブル化 8文字 年月日に利用可 */
dl.IBUTableStyle8em
{
    margin-top: 0px;
    margin-bottom: 15px;
    padding-top: 0px;
    padding-right: 10px;
    padding-bottom: 20px;
    padding-left: 0px;
}
dl.IBUTableStyle8em dt
{
    float: left;
    width: 8em; /* width: 10em は、10文字 */
    padding-top: 5px;
    padding-bottom: 0px;
    text-indent: 1em;
    line-height: 100%;
}
dl.IBUTableStyle8em dd
{
    padding-top: 5px;
    padding-right: 0px;
    padding-bottom: 10px;
    padding-left: 8em;
    line-height: 120%;
}

dl.IBUTableStyle8em の利用例として
<dl class="IBUTableStyle8em">
  <dt>発生年月日</dt>
     <dd>2012年02月10日</dd>
  <dt>補助科目</dt>
     <dd>Yahoo&nbsp;(必要に応じて、正式名称の利用したほうがよいかも)</dd>
</dl>