CSS Web Layout Tips
1. Horizontally center the text: try text-align:center;height:150px;line-height:30px
Before

After

2. Equally and horizontally distribute the box: try margin-left:auto;margin-right:auto
Before

After

3. Horizontally distribute the box along the top: try display:inline-block;vertical-align:top
Before

After

Music of Today: Dear Me by Brett Young
Clap/Share/Follow
If you guys find this article helpful, please kindly do the writer a favor — giving 5 clicks at the GREEN area and 10~50 claps at the bottom of this page.
Most important of all, feel free to comment and share your ideas below to learn together!