how to align the text middle in div container.

Welcome to designers blog here i have posted how to align the text  middle in div container.

Step1:

 Style:

  div {
      width: 250px;
      height: 100px;
      line-height: 100px;
      text-align: center;
      border: 1px solid #123456;
    }

    span {
      display: inline-block;
      vertical-align: middle;
   
      line-height: normal;
    }


Step2:

Html:

    <div>
      <span>Lorem ipsum dolor sit amet, consectetur adipiscing .</span>
    </div>


Step3:

Enjoy Folks

CSS Hack

 Safari  and Chrome Css Hack
 
@media screen and (-webkit-min-device-pixel-ratio:0) {
    /* Safari and Chrome */
    .search .button {
        margin-top:0px;
    }

    /* Safari only override */
    ::i-block-chrome,.search .button {
         margin-top:1px;
    }
}


Google chrome only

@media screen and (-webkit-min-device-pixel-ratio:0) {
     .reg-textbx {
    padding: 10px 0 9px 10px;
   }
}