[Learning]#7 Web Layout: CSS Fundamentals

Vida Lin
Sep 25, 2021

--

Final Design

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!

Sign up to discover human stories that deepen your understanding of the world.

Membership

Read member-only stories

Support writers you read most

Earn money for your writing

Listen to audio narrations

Read offline with the Medium app

--

--

Vida Lin
Vida Lin

Written by Vida Lin

PM, Relationship, Travel, or anything quirky but interesting.|Subscribe & buy Vida a drink @LikerLand, the bottom of each article. 在文章底下LikerLand訂閱、請Vida喝一杯飲料 ❤

No responses yet

Write a response