Skip to content

Instantly share code, notes, and snippets.

@nathanieldeal

nathanieldeal/Responsive Vertical Alignment

Last active July 6, 2020 00:03
Download ZIP

Revisions

  1. Nathaniel Deal renamed this gist Feb 5, 2014. 1 changed file with 0 additions and 0 deletions.
    0 gistfile1.txt → Responsive Vertical Alignment
    View file
    File renamed without changes.
  2. Nathaniel Deal created this gist Feb 5, 2014.
    14 changes: 14 additions & 0 deletions gistfile1.txt
    View file
    Original file line number Diff line number Diff line change
    @@ -0,0 +1,14 @@
    .parent {
    height: 100%;
    position: relative;
    }

    .parent .element {
    top:50%;
    -webkit-transform:translateY(-50%);
    -moz-transform:translateY(-50%);
    -ms-transform:translateY(-50%);
    -o-transform:translateY(-50%);
    transform:translateY(-50%);
    position:absolute;
    }