1. This site uses cookies. By continuing to use this site, you are agreeing to our use of cookies. Learn More.

Lack of Interest Get rid of old school vertical aligning technique

Discussion in 'Closed Suggestions' started by CyberAP, Jun 26, 2013.

  1. CyberAP

    CyberAP Well-Known Member

    Right now header logo is centered with a help of line-height. But it's value is fixed. That's not really good if we go responsive.
    So the way to improve it is to use a pseudo-element fix.

    Here is how:

    • Remove line-height property
    • Add an after pseudo for #logo block and center it vertically
    CSS for the pseudo-element:

      content: "";
      display: inline-block;
      height: 100%;
      vertical-align: middle;
    Andrej and RoldanLT like this.

Share This Page