Question

I have a page with this structure:

<div>
    <div id="container">
        <div id="content" >
            <div class="question buttons clearfix nobg">
                <input id="k3" name="k" type="hidden" value="">
                <input id="h3" name="h" type="hidden" value="b07e0bc1c3751d34acbef5b8546b29ae">
                <input id="s3" name="s" type="hidden" value="eyJwYWdlcGF0aCI6IFswXX0=">
                <input type="hidden" name="page" value="0">
                <input type="hidden" name="SID" value="1f7d2a9b3b9450ce2dd746bf0005ebe1">
                <input type="hidden" name="_terminated_redirect" value="">
                <div id="button-fix" class="button-fix" style="text-align:center">
                    <input type="hidden" name="referer" value="">
                    <input id="next-submit-button" type="submit" name="submitbutton" value="Submit">
                </div>
            </div>
        </div>
    </div>
</div>

I want to align to center using css. What will be style tag for it ?

Please suggest

Answer 1

You need to set a width on your outer DIV (maybe give it an ID of wrapper or similar) and then set it’s margins – see below:

#wrapper {
    width:960px; /* whatever you want this to be */
    margin:0 auto;
}