Html 如何将基于表格的设计转换为CSS？

我试图学习如何使用css而不是表格。我从一块高度和宽度相同的文本开始

margin-right: 60%;
margin-left:10px;
margin-top: 10px;
margin-bottom:0;
border:thin;
background-color:#FFF;
font: 9pt "trebuchet ms", arial, sans-serif;
color:#003318;
display:block;

margin-left: 60%;
margin-right:10px;
margin-top: 10px;
border:thin;
background-color:#FFF;
font: 9pt "trebuchet ms", arial, sans-serif;
color:#003318;
display:block;

---

然而，结果并不好。没有边界。如何修复此问题？

我建议使用速记边框属性：

边框：实心1px黑色

试着剪切另一个
边框
属性，然后直接使用它，看看这是否有效

更多信息：
表格类似于层的结构组，而分区则是简单的层。
认为每个部门都是一个整体。问题是如何组织你的部门。这就是样式表拯救您的地方

ex.:
<div class="table">
   <div class="right-td">&nbsp;</div>

   <div class="left-td">&nbsp;</div>
</divd

这只是一个示例
边框样式：实心？虽然我们可能猜得到，但您可能希望编辑代码并向我们展示更多内容。HTML部分看起来像什么？这些是类还是ID？等等，你想要一个边界
border tr td{border:1px solid 35; 000；}
如果是表格数据，则使用表格。如果您是老skool并且使用表格进行布局，那么请使用DIV/CSS。但是，如果数据应该是表，不要放弃表，因为如果是这样的话，它有助于屏幕阅读器。
div.table { width:100%; float:none; margin:0px auto;}
div.right-td  { border:1px solid #000;float:rightt; width:45%; padding:6px;}
div.left-td  { border:1px solid #000;float:left; width:45%; padding:6px;}