How to Align CSS form


Tags: jquery,html,css

Problem :

I can't seem to get this form align in the absolute center of the page with top and bottom margins of 25px. I've changed and added things like margin-left:10%; but it just changes the spacing of the pictures instead of moving the whole document as one.

Here's the JSFiddle: http://jsfiddle.net/eeEFh/3/embedded/result/

Here's where I changed the css:

.box{
  width: 175px;
  height: 175px;
  background: url('http://placekitten.com/250/200');
  float: left;
  overflow: hidden;
  margin-right: 15px;
  margin-bottom: 15px;
  border: 1px solid #000;
  box-shadow: 0px 0px 15px 0px #666,
              0px 5px 15px 0px #000;
}


Solution :

I think you are trying to center .container , not .box

try this:

.container {
font-family: Arial;
position: relative;
margin: auto;
width: 780px;
}

    CSS Howto..

    how to hide an image on css active in IE

    How can I set CSS only for specific IE browsers?

    How to layout images in 3 columns [closed]

    How to use css in asp.net for web server control?

    How to override global style for img tag in css

    How to alter css style from parent page inside an iframe using jquery

    How to have elements copy other element's auto height css?

    How to stop css inheritance in sub unorder list

    How to make the page layout stay the same after minimized?

    HTML: How to change the width of input field based on container size

    how to set equal font size in table cells for mobile device html pages

    How to hide hr inside the last li using css

    CSS: How to position elements in ng-for loop using position : “fixed”

    How do I achieve a fully working image scrolling effect like in this example?

    CSS how to transition(with transform) a parent and child both, differently

    How to prevent HTML element moving when resizing window?

    How to remove space between bootstrap columns?

    Third level drop down css wont show & content/links are out of order?

    Picture thumbnail shown in Google image search output is
    not , why? [closed]
    It basically comes down to preference. It is considered outdated to use table for data layouts. Use table for just that - actual tables. For the layout and such tasks,...
    Read more

    How should I set a custom style on a object that is a gwt component?

    How to make a “Fixed” element Scrollable

    How can I convert a CSS stylesheet to inlined CSS styles? [closed]

    Can't make any different fonts show up on website with @font-face or google fonts

    How to make full window canvas in GWT?

    how do I make overflowing and float positioned elements stay all on one line?

    how to increase the font-size without making it thicker

    How to exclude an HTML element form Ionic CSS

    how to place content to the right of the fixed img with css 100% height (no width given)

    How to get a hidden content to show over cursor using html, css, javascript?

    How to show one element when click on the another element with css?