html - 试图用 HTML/CSS 格式化这个表格列表

Question

我正在尝试格式化实际上可能非常简单的列表，但我正在努力使单元格逻辑正确，因为我需要一条从元素名称末尾到价格的连续线。

是它应该的样子。 感谢任何帮助!

            <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;
                }

Answer 1

使用表格会非常困难，但如果您可以更改 HTML 结构，则可以按照我在此处描述的方式进行操作:https://stackoverflow.com/a/41905228/5641669