異なる箇条書き間のリストとテキストの整列のフォーマット

Question

現在、私はLaTexですべてのレポートを作成しましたが、最近はHTMLを使用し始めました（多くの理由で）。私が探しているのは、テキストフォーマット用のHTMLソリューションです。問題は、以下：N弾丸のリスト内の各弾丸がこの方法でフォーマットされるべきである：

弾丸＃1 [テキストの、長さ1] < - 空間 - > [テキストの-LENGTH2]

bullet＃2 [text-of-length3] < - スペース - > [text-of-length4]

4つの長さは異なる可能性がありますが、テキスト[length2]と[4]（2番目のテキスト各弾丸の一部）を宇宙の同じ地点から開始する。

LaTexでは、テキストの最初の部分を含む一定の大きさのボックスを適用することで、このボックスの後にのみ箇条書きの2番目の部分を開始します。 テーブルセルに各テキストを書き込もうとしましたが、部分的に動作しましたが、現在はテキストが箇条書きに揃っていません（セルが整列されていてもテキストは少しオフセットされています。助けて）。

<ul style="list-style-type:square"> 

<li><table style="display:inline"><tr><td width="100">test</td><td>test</td> 
</tr></table></li> 

<li><table style="display:inline"><tr><td width="100">test2</td> 
<td>test2</td></tr></table></li> 

</ul> 

ありがとうございます。

Answer 1

vertical-align: baseline;のスタイルを表のセルに設定してみてください。これは、表のセルの内容を箇条書きに合わせます。

td { 
    padding: 1; 
    vertical-align: baseline; 
} 

<style type="text/css"> 
 
    td { 
 
     padding: 1; 
 
     vertical-align: baseline; 
 
    } 
 
</style> 
 

 
<ul style="list-style-type:square"> 
 
    <li> 
 
     <table style="display:inline"> 
 
      <tr> 
 
       <td width="100">test test test test<br/>test</td> 
 
       <td>test</td> 
 
      </tr> 
 
     </table> 
 
    </li> 
 

 
    <li> 
 
     <table style="display:inline"> 
 
      <tr> 
 
       <td width="100">test2</td> 
 
       <td>test2</td> 
 
      </tr> 
 
     </table> 
 
    </li> 
 
</ul>