Question

我是HTML的新手，并且在我需要此文本框出现在中心的网站上工作，因为它在左侧看起来很奇怪（请帮我编辑html：

<!-- Job Opportunities -->
<div class="wrapper wrapper-style3">
    <article id="careers">
        <header>
                <h2>Careers</h2>

        </header>
        <div class="container">
            <div class="row">
                <div class="12u"></div>
            </div>
            <div class="row">
                <div class="4u">
                    <article class="box box-style2">
                            <h3>Work With Us</h3>

                        <p>We are looking for enthusiastic, detail-orientated professionals to assist in our continued growth. As a small firm, we reward flexibility with excellent conditions and an enjoyable working environment. Rapid career progression is possible for candidates demonstrating the right characteristics. Please contact us, enclosing a CV, for details of our current vacancies.</p>
                </div>
            </div>
            </article>
        </div>

Answer 1

在<head> <style>元素中创建css类：

.centered { width:70%; margin: 0 auto; }

将css类添加到div：

<!-- Job Opportunities -->
<div class="wrapper wrapper-style3 centered">
    <article id="careers">
        <header>
                <h2>Careers</h2>

        </header>
        <div class="container">
            <div class="row">
                <div class="12u"></div>
            </div>
            <div class="row">
                <div class="4u">
                    <article class="box box-style2">
                            <h3>Work With Us</h3>

                        <p>We are looking for enthusiastic, detail-orientated professionals to assist in our continued growth. As a small firm, we reward flexibility with excellent conditions and an enjoyable working environment. Rapid career progression is possible for candidates demonstrating the right characteristics. Please contact us, enclosing a CV, for details of our current vacancies.</p>
                    </article>
                </div>
            </div>
        </div>
    </article>
</div>

JsFiddle： http://jsfiddle.net/3Ly1s3tv/

请帮我设置文本框的中心位置

1 个答案: