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