Search code examples
htmlcssalignment

Align the div to exact center to the main div

How can I get the center div to exactly center to the parent div. Here is my sample http://jsfiddle.net/sVPDS/11/

The middle image should come horizontally center to the main div.

Solution

  • Will you try applying this css instead of your previous style in the class carousl-

    .carousl{
  display: table;
  margin: auto;
  background: none;
  text-align: center;
  position: relative;
}

    your previous and next buttons will need some extra padding or margin, hope you can take care of them. Thanks