CSS centering those things

First, CSS Vertical center

1.line-height (for single-line text centering)

Eg:html:<p class= "WORDP" >123</p>-

CSS:. Wordp{width:100px;line-height:50px;background:yellow;color: #fff}

2.:befor+inline-block (vertical centering technique for multiple objects)

Eg:html

                       <div class= "Box3" >    & nbsp                      <div class= "content" >    &nbsp ;                       Amos     see the actual <a href= "http:/ /csscoke.com/2015/07/31/nth-child_rwd_album/"&GT;CSS3 Beautiful album effect </a> effect! Do not forget to drag the window to see the RWD effect Oh!                            </div>                        </div>          &NBS P  css:.box3{width:500px;height:250px;border:1px solid #f00; margin:auto;text-align:center;}. Box3::before{content: ';d isplay:inline-block;height:100%;width:0;vertical-align:middle;}. Box3. Content{width:400px;background: #ccc;d isplay:inline-block;vertical-align:middle;}

CSS centering those things