[Rarinator]

Hey, I really want to know how the hell I can center my "contact us" form. I've tried a couple methods, but obviously not the right ones. Here's a picture of the form.

Spoiler (Click to View)

And here is the code for the form

Spoiler (Click to View)

Code

<div class="col-lg-6 col-md-6 col-sm-12 col-xs-12 padding-none">
                    <div class="box-white padding-all">
                        <h2 class="title-border right block-mobile">Contact Form</h2>
                        <div class="data-form">
                        <form action="http://www.locotheme.com/arct-html/post">
                        <div class="row">
                        <div class="col-lg-6 col-md-6 col-sm-12 col-xs-12">
                        <label>Name</label>
                        <div class="form-field">
                        <i class="fa fa-user"></i>
                        <input type="text" name="name" placeholder="Enter your name" required>
                        </div>
                        </div>
                        <div class="col-lg-6 col-md-6 col-sm-12 col-xs-12">
                        <label>E-Mail</label>
                        <div class="form-field">
                        <i class="fa fa-envelope-o"></i>
                        <input type="email" name="name" placeholder="Enter your email" required>
                        </div>
                        </div>
                        </div>
                        <div class="row">
                        <div class="col-lg-6 col-md-6 col-sm-12 col-xs-12">
                        <label>Telephone</label>
                        <div class="form-field">
                        <i class="fa fa-phone"></i>
                        <input type="tel" name="name" placeholder="Enter your telephone" required>
                        </div>
                        </div>
                        <div class="col-lg-6 col-md-6 col-sm-12 col-xs-12">
                        <label>Website</label>
                        <div class="form-field">
                        <i class="fa fa-globe"></i>
                        <input type="url" name="name" placeholder="Enter your website" required>
                        </div>
                        </div>
                        </div>
                        <div class="row">
                        <div class="col-lg-12 col-md-12 col-sm-12 col-xs-12">
                        <label>Message</label>
                        <div class="form-field">
                        <i class="fa fa-pencil-square-o"></i>
                        <textarea name="name" placeholder="Enter your message" required></textarea>
                        </div>
                        </div>
                        </div>
                        <div class="row">
                        <div class="col-lg-12 col-md-12 col-sm-12 col-xs-12">
                        <input type="submit" class="btn btn-dark" value="SEND YOUR MESSAGE">
                        </div>
                        </div>
                        </form>
                        </div>
                    </div>
                </div>[/code]

Not knowing is bugging the hell out of me, thank you to anyone who attempts to help me.

[Endatose]

Not a expert on web development but
if you put the form in a class and in the css file do
margin-left: auto;
margin-right: auto
Try it and let me know if it works

[Pixelblocker]

You could try adding this to the CSS file:

Code

.box-white {
    position: absolute;
    left: 50%;
    margin-left: -half the width of your div;
}

e.g. width: 200px; margin-left: -100px;
That should work.

[Knar.]

Code

.contact-us {
    width: 800px;
    margin: 0 auto;
}