Css 如何显示对齐div？

如何更改我的代码来创建新类：标题和主体来自内部带有align属性的div表col？ 收割台必须向右移动，测试必须向左移动

.div表{
显示：表格；
宽度：100%；
背景色：#eee；
边框：1px实心#666666；
边框间距：5px；}
.div表格行{显示：表格行；宽度：自动；清除：两者；}
.div表格列{float:左；display:表格列；宽度：50%；背景色：#ccc；}

标题：
试验

我不知道我是否理解你想要什么，但是如果唯一的东西是右边的标题和左边的测试，你需要做另一个浮动，因为你对它们都应用了相同的浮动

.div表{
显示：表格；
宽度：100%；
背景色：#eee；
边框：1px实心#666666；
边框间距：5px；}
.div表格行{显示：表格行；宽度：自动；清除：两者；}
.div-table-col2{float:左；display:表格列；宽度：50%；背景色：#ccc；}
.div表格列{float:右侧；显示：表格列；宽度：50%；背景色：#ccc；}

标题：
试验

我不知道我是否理解你想要什么，但是如果唯一的东西是右边的标题和左边的测试，你需要做另一个浮动，因为你对它们都应用了相同的浮动

.div表{
显示：表格；
宽度：100%；
背景色：#eee；
边框：1px实心#666666；
边框间距：5px；}
.div表格行{显示：表格行；宽度：自动；清除：两者；}
.div-table-col2{float:左；display:表格列；宽度：50%；背景色：#ccc；}
.div表格列{float:右侧；显示：表格列；宽度：50%；背景色：#ccc；}

标题：
试验

“表头必须向右移动，测试必须向左移动。”它们已按此方式对齐。你们的问题是什么？“标题必须移到右边，测试必须移到左边。”它们已经这样对齐了。你的问题是什么？