2017-03-12 7 views
0

実際にはかなり簡単なリストを書式化しようとしていますが、私は連続した行を実行する必要があるので、商品名の最後の価格。HTML/CSSでこのテーブルリストを書式設定しようとしています

THIS

それがどのように見えるかです。 ありがとうございました!

非常に困難になるだろうテーブルと
  <div class="text-list"> 
       <table> 
        <tr> 
         <td class="left">1.</td> 
         <td class="center">First Item</td> 
         <td class="right">€10,00</td> 
        </tr> 
        <tr> 
         <td class="left"></td> 
         <td class="center">Lorem ipsum dolor sit amet, consectetur adipiscing eiusmod tempor incididunt ut labore.</td> 
        </tr> 
       </table> 
      </div> 


      table { 
       width: 100% 
      } 

      td { 
       font-size: 16px; 
       line-height: 17px; 
      }  

       .left { 
        width: 10%; 
        text-align: left; 
       } 

       .center { 
        width: 80%; 
        text-align: left; 
       } 

       .right { 
        width: 10%; 
        margin-right: 1px; 
        text-align: right; 
       } 

答えて

1

ていますが、HTMLの構造を変更することができれば、私はここにdesribedとして、あなたはそれを行うことができます。https://stackoverflow.com/a/41905228/5641669

+0

素晴らしいthatsの! 1つの最後の質問。 divを拡大縮小したときに新しい行にテキストを表示したくない場合は、代わりにコンテンツ全体のサイズを変更したいのですが? –

+0

私はあなたが何を意味するか分かりません。どのテキストがダウンしますか? – Johannes

関連する問題