像Word一樣格式化Doc

Question

我正在爲一個公司的Intranet網站重新創建一堆Word文檔到網頁。我試圖找到一種更好的方法來簡化格式化，而不是。 這是它目前看起來像在網頁上： ，我需要它作爲密切關注這個，因爲我可以得到所有撐格式化每一行下方，而不是包裝背面的號碼下面的文字：

這裏有一個小片斷：

.secthead { 
 
    font-weight: bold; 
 
    font-size: 16px; 
 
    padding-bottom: 5px; 
 
    padding-top: 15px; 
 
    text-decoration: underline; 
 
    padding-left: 25px; 
 
} 
 

 
dt { 
 
    font-weight: bold; 
 
    font-size: 16px; 
 
    padding-bottom: 5px; 
 
    padding-top: 15px; 
 
} 
 

 
dd { 
 
    padding: 5px 5px 5px 15px; 
 
} 
 

 
.sub { 
 
    padding-left: 10px; 
 
} 
 

 
.def { 
 
    padding-left: 50px; 
 
}

<dl> 
 
    <dt>6.0 <span class="secthead">PROCEDURE:</span></dt> 
 
    <dd><span class="sub">6.4</span><span class="def">General tasks carried out by personnel involved primarily in Payroll functions are addressed in the Miscellaneous Payroll Functions Work Instruction. Typical functions addressed in this work instruction are as follows: 
 
    <ul> 
 
    <li>Employment Verifications </li> 
 
    <li>New Hire reporting</li> 
 
    <li>Payroll Bank Reconciliations</li> 
 
    </ul> 
 
    </span></dd> 
 
</dl>

Answer 1

力你的電話號碼去左邊，並作出BLO克里克你的內容。然後將你的清單'子彈與最後兩條規則對齊。

.secthead { 
 
    font-weight: bold; 
 
    font-size: 16px; 
 
    padding-bottom: 5px; 
 
    padding-top: 15px; 
 
    text-decoration: underline; 
 
    padding-left: 25px; 
 
} 
 

 
dt { 
 
    font-weight: bold; 
 
    font-size: 16px; 
 
    padding-bottom: 5px; 
 
    padding-top: 15px; 
 
} 
 

 
dd { 
 
    padding: 5px 5px 5px 0px; 
 
    margin: 0px 
 
} 
 

 
.sub { 
 
    float: left; 
 
} 
 

 
.def { 
 
    padding-left: 50px; 
 
    display: block; 
 
} 
 

 
ul { 
 
    padding-left:0; 
 
} 
 
ul li { 
 
    list-style-position:inside 
 
}

<dl> 
 
    <dt>6.0 <span class="secthead">PROCEDURE:</span></dt> 
 
    <dd><span class="sub">6.4</span><span class="def">General tasks carried out by personnel involved primarily in Payroll functions are addressed in the Miscellaneous Payroll Functions Work Instruction. Typical functions addressed in this work instruction are as follows: 
 
    <ul> 
 
    <li>Employment Verifications </li> 
 
    <li>New Hire reporting</li> 
 
    <li>Payroll Bank Reconciliations</li> 
 
    </ul> 
 
    </span></dd> 
 
</dl>