Vertical align middle with css

Lets take a look at various methods of aligning an element in the middle of its parent vertically.

1.Table method

     Vertical-align property doesn't works on display block elements.So, one way to get the vertical-align property work is to set the parent element display:table and its child element (which is to be aligned) display:table-cell.Then the vertical-align property will work and the element will be aligned in the middle.

.parent{
  display:table;
}
.child {
  display:table-cell;
  vertical-align:middle;
}

How To Create An Image Slideshow With jquery Using Cycle Plugin

Slidshow of images or some important contents does not only makes your webpages look good,it also makes your page more dynamic.Getting straight to the point lets create our own content slider using html,css and jquery.

Lets take a look at the final output.Its always a good idea to keep in mind a glimpse of what we are making.
So here it is.