CSS Vertical Align Tutorial
Important Points of CSS Vertical-Align: An Inline Element Style
The Cascading Style Sheet (CSS) vertical-align property is usually considered one of the slightly tricky ones. Many beginners in web design and development or people who don’t work with CSS often tend to forget some important points. However, these points have to be kept in mind when trying to achieve vertical centering of an element. I must agree with those who don’t view CSS as a very friendly language for styling content, but trying to do front-end development without it isn’t very feasible unless you develop a site entirely in Flash.
The definition of the CSS vertical-align property, from the web site of w3schools.com, says that it, “sets the vertical alignment of an element.” It’s not specified that the element needs to be inline and not block level in order to work. Block level elements include tags such as
,
",2===ze.childNodes.length),n.parseHTML=function(e,t,s){return"string"!=typeof e?[]:("boolean"==typeof t&&(s=t,t=!1),t||(a.createHTMLDocument?((c=(t=i.implementation.createHTMLDocument("")).createElement("base")).href=i.location.href,t.head.appendChild(c)):t=i),o=!s&&[],(r=_e.exec(e))?[t.createElement(r[1])]:(r=Ze([e],t,o),o&&o.length&&n(o).remove(),n.merge([],r.childNodes)));var o,r,c},n.fn.load=function(e,t,s){var i,c,l,a=this,r=e.indexOf(" ");return-1