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 horizontally align a list of contacts?

    How to rotate and fade background images in and out with javascript/ASP.NET/CSS

    How to draw with CSS canvas a slideshow frame?

    How to generate image background that flips with each duplication in css? [duplicate]

    How to apply SVG so that it works in IE background image

    How to create item detail view with css

    How to restore WordPress theme style,css from caches on internet

    How can I insert text before an item with CSS?

    How to Stop Overriding of Bootstrap Css Styles

    how to select one element in jQuery

    How to add a ToolTip for an icon inside my CSS file

    How simple CSS breadcrumbs work

    How to center an input tag in fieldset when using codeigniter?

    how to set button background such that it takes up height and width of parent div? what css property affects which dimension?

    How do I change the MVC Bootstrap layout to have more than one columns

    How to apply CSS to half of a point feature?

    CSS - how to get position: absolute; to work well with different screen sizes

    How to set two divs side-by-side with the same height?

    How to programmatically download all contents of webpage, not only the source code in Java

    How to rotate and translate using CSS in IE8?

    How to display line items in twos?

    How to style SVG with external CSS?

    How to attach click event to a css styled checkbox

    How to dynamically add .css to a custom Javafx LineChart Node?

    How to mix colors in CSS?

    Why the space after the table, and how to remove it?

    How to select text under multiple “div-li-a href” using css in selenium web driver

    How do I add a div under a right floated div?

    How to put a css tag in an element if another has this element [closed]

    How to move image slowly with animation when appending the image to tag