Css 如何在表外写入内容

我想在我的wordpress网站上创建一个表。我想把桌子放在右边。问题是，如果我想把内容写在表的左边，那么我该怎么做呢。你能给我举个例子吗

我是css的初学者，所以请原谅我的写作风格

我想做一个网站的风格像（图片我已经附上）。你能帮我在桌子的左边自由写字吗

---

使用

位置：绝对

#navbar {
    position: absolute; left: 0;
    width: 20%;
}

#content {
    position: absolute; right: 0; /*Presuming this is the table*/
}

您应该看看css的显示属性，它主要用于对齐网页上的内容


你是说内容分区内的一张表

#content {
  margin-left:20%;
}
#navbar {
 float: left;
 width: 20%;
}    
.table-wrapper {
   display:inline-block;
}

<div id="layout">
  <div id="header">Top Header</div>
  <div id="navbar">Navigation</div>
    <div id="content">
        <div class="table-wrapper">
            <table><tr><td>table 1</td></tr></table>            
        </div>
        <div class="table-wrapper">
            <table><tr><td>table 2</td></tr></table>            
        </div>
    </div>
  <div id="footer">Bottom Footer</div>
</div>

#内容{
左缘：20%；
}
#导航栏{
浮动：左；
宽度：20%；
}    
.表格包装{
显示：内联块；
}
上割台
航行
表1
表2
底脚

像这样的事

#wrapper {
    border:solid 2px #000;
    margin:20px;
}
#wrapper div[class*="col-"]{
    float:left;
}    
.col-1 { width:30%; background:#eee; }
.col-2 { width:30%; background:#e2e2e2; }
.col-3 { width:40%; background:#ccc; }    
#wrapper:after { content:""; clear:both; display:block; }

<div id="wrapper">
    <div class="col-1">
        <p>col 1 content</p>
    </div>
    <div class="col-2">
        <p>col 2 content</p>
    </div>
    <div class="col-3">
        <table>
            <tr>
                <td>
                    my table
                </td>
            </tr>
        </table>
    </div>
</div>

#包装器{
边框：实心2px#000；
利润率：20px；
}
#包装器div[class*=“col-”]{
浮动：左；
}    
.col-1{宽度：30%；背景：#eee；}
.col-2{宽度：30%；背景：#e2；}
.col-3{宽度：40%；背景：#ccc；}
#包装器：{content:”；清除：两者；显示：块；}
第1列内容

col 2含量

我的桌子