angular-centered

An angular directive for rendering a vertically and horizontally positioned overlay.

fiddle : http://jsfiddle.net/vCL9P/2/

bower : bower install angular-centered

npm : npm install angular-centered

<div ng-app="myApp">
  <centered>
    <h2>This text should be centered</h2>
  </centered>
</div>

.angular-center-container {
  position: fixed;
  top:0;
    left:0;
    height:100%;
    width:100%;
    display:table;
    pointer-events: none;
    z-index:9999;
}
.angular-centered {
    display: table-cell;
    vertical-align: middle;
    text-align: center;
}

angular.module("myApp", ["angular-centered"]);