尝试在 Wordpress Widget 中使用 HTML 以特定方式对齐两列

Trying to align two columns in a specific way using HTML within a Wordpress Widget

.::编辑::.

修复了损坏的图像。

--

几天来我一直在尝试调整它,但我根本不知道如何完成它。我用 Photoshop 制作了我想要让这个 table 看起来像的东西,但是当我尝试创建一个 table 时,我要么有边框,要么有不需要的背景。

我实际上是在尝试创建下图中显示的内容。

非常感谢任何帮助!

这是目前的样子

http://i193.photobucket.com/albums/z21/therealnrm/hours1.jpg

这是它在 Wordpress Widget 中的样子 Text/HTML

i193.photobucket.com/albums/z21/therealnrm/hours2.jpg

这就是我想要的样子。

http://i193.photobucket.com/albums/z21/therealnrm/hours3.jpg

因为我无法评论,你能post table 的代码吗?此外,您所有的图像看起来都一样。

这是页脚部分的代码...

<p>
    <strong>Lunch</strong>
    <div class="flex_column av_one_fourth first  el_before_av_one_half">Tuesday-Friday</div>
<div class="flex_column av_one_fourth el_after_av_one_fourth">11:30AM-2PM</div>
</p>
&nbsp;
<p>
    <strong>Dinner</strong>
    <div class="flex_column av_one_fourth first  el_before_av_one_half">Monday</div>
    <div class="flex_column av_one_fourth el_after_av_one_fourth">5:30 - 9:30 PM</div>

    <div class="flex_column av_one_fourth first  el_before_av_one_half">Tuesday</div>
    <div class="flex_column av_one_fourth el_after_av_one_fourth">5:30 - 9:30 PM</div>
</p>

只需重复两组 div 并填满您的日期和时间。会很好看的。