Html 2个相邻显示的分区或div

我有两个部分，需要它们并排显示，但似乎不起作用。-

有谁能给我一些建议，告诉我如何把这两个部分并排展示

HTML:

女性打蜡

眉毛$20.00
上唇$10.00
Chin$15.00
腋下15.00美元
胃15.00美元
半臂27.00美元
全臂37.00美元
G-String$35.00
巴西50.00美元
半程40.00美元
全程55.00美元

女性组合

眉毛和嘴唇$25.00
半程和巴西$80.00
全程和巴西95.00美元


雄性打蜡

15美元
鼻子$15.00
颈部15.00美元
眉毛$20.00
肩背50.00美元
胸部和腹部50.00美元
半臂45.00美元
全臂50.00美元
半程55.00美元
全程65.00美元

雄性组合

鼻子和耳朵$25.00
背部和胸部$90.00
背部和全腿$95.00

CSS:

.td-col-6{宽度：40%；浮点：左；}
.td-col-6a{宽度：40%；浮点：右；}

尝试删除代码的中间部分

        </div>
    </div>
</section>             
<div class="space80"></div>

<section class="main_content">
    <div class="container">
        <div class="row">

两个块将在一行中