Question

我有两个部分，需要它们并排显示，但它似乎不起作用。 - http://premiumhosting.co/ella_dev/waxing.html

任何人都可以给我任何指示，以便我如何将两个部分并排显示

HTML：

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

<!-- CONTENT -->
<section class="main_content">
    <div class="container">
        <div class="row">
            <div class="td-col-6">

                <!-- SERVICE PACK FEMALE LEFT-->
                <div class="td_service_pack">
                    <footer class="td_pack_footer">
                        <div class="td_pack_footer_in">
                            <div class="td_pack_title">
                                <h3>Female Waxing</h3>
                            </div>
                            <div class="td_pack_content">
                                <ul class="td_pack_includes">
                                    <li><span>Eyebrow <span>$20.00</span></span></li>
                                    <li><span>Upper Lip<span>$10.00</span></span></li>
                                    <li><span>Chin<span>$15.00</span></span></li>
                                    <li><span>Underarm<span>$15.00</span></span></li>
                                    <li><span>Stomach<span>$15.00</span></span></li>
                                    <li><span>Half Arm<span>$27.00</span></span></li>
                                    <li><span>Full Arm<span>$37.00</span></span></li>
                                    <li><span>G-String<span>$35.00</span></span></li>
                                    <li><span>Brazilian<span>$50.00</span></span></li>
                                    <li><span>Half Leg<span>$40.00</span></span></li>
                                    <li><span>Full Leg<span>$55.00</span></span></li>
                                </ul>
                                <div class="td_pack_title">
                                    <h3>Female Combination</h3>
                                </div>
                                <ul class="td_pack_includes">
                                    <li><span>Eyebrow & Lip<span>$25.00</span></span></li>
                                    <li><span>Half Leg & Brazilian<span>$80.00</span></span></li>
                                    <li><span>Full Leg & Brazilian<span>$95.00</span></span></li>
                                </ul>

                                <a class="td_btn" href="http://bookings.KonnectOnline.com.au?s=D76E979F941082BC8778F309640533E6" onclick="var l = (screen.width / 2) - 800 / 2; var t = (screen.height / 2) - 600 / 2; window.open('http://bookings.KonnectOnline.com.au?s=D76E979F941082BC8778F309640533E6', 'newwindow', 'scrollbars=1, resizable=1, width=800, height=700, left='+l+', top='+t); return false;">Book Now</a>

                            </div>
                        </div>
                        <p><img src="img/content4.jpg" alt="" /></p>

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

<section class="main_content">
    <div class="container">
        <div class="row">
            <div class="td-col-6a">      
                <!-- SERVICE PACK MALE RIGHT-->
                <div class="td_service_pack">
                    <footer class="td_pack_footer">
                        <div class="td_pack_footer_in">
                            <div class="td_pack_title">
                                <h3>Male Waxing</h3>
                            </div>
                            <div class="td_pack_content">
                                <ul class="td_pack_includes">
                                    <li><span>Ears<span>$15.00</span></span></li>
                                    <li><span>Nose<span>$15.00</span></span></li>
                                    <li><span>Neck<span>$15.00</span></span></li>
                                    <li><span>Eyebrow<span>$20.00</span></span></li>
                                    <li><span>Shoulder & Back<span>$50.00</span></span></li>
                                    <li><span>Chest & Stomach<span>$50.00</span></span></li>
                                    <li><span>Half Arm<span>$45.00</span></span></li>
                                    <li><span>Full Arm<span>$50.00</span></span></li>
                                    <li><span>Half Leg<span>$55.00</span></span></li>
                                    <li><span>Full Leg<span>$65.00</span></span></li>
                                </ul>
                                <div class="td_pack_title">
                                    <h3>Male Combination</h3>
                                </div>
                                <ul class="td_pack_includes">
                                    <li><span>Nose & Ears<span>$25.00</span></span></li>
                                    <li><span>Back & Chest<span>$90.00</span></span></li>
                                    <li><span>Back & Full Leg<span>$95.00</span></span></li>
                                </ul>
                                <a class="td_btn" href="http://bookings.KonnectOnline.com.au?s=D76E979F941082BC8778F309640533E6" onclick="var l = (screen.width / 2) - 800 / 2; var t = (screen.height / 2) - 600 / 2; window.open('http://bookings.KonnectOnline.com.au?s=D76E979F941082BC8778F309640533E6', 'newwindow', 'scrollbars=1, resizable=1, width=800, height=700, left='+l+', top='+t); return false;">Book Now</a>

                            </div>
                        </div>
                        <p><img src="img/content5.jpg" alt="" /></p>

                    </footer>
                </div>
                <!-- /SERVICE PACK MALE RIGHT -->


            </div>
        </div>
    </div>
</section>

CSS：

.td-col-6  {  width: 40%;  float:left;     }
.td-col-6a  {  width: 40%; float: right;   }

Answer 1

尝试删除代码的中间部分。

preprocessing_file: oneline+? EOF ;
oneline: IDENTIFIER? new_line ;
new_line: EOF|CRLF ;

两个区块都在一行中。

2个部分或div显示为彼此相邻

1 个答案: