[Learning]#7 Web Layout: CSS Fundamentals

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!

--

--

--

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

Love podcasts or audiobooks? Learn on the go with our new app.

Act! vs Salesforce: Comparison of Core Features

F-Strings in Python3 for Data Scientists

Create Amazon EMR Clusters on AWS Outposts

MySQL Table Query

Demystifying VPN Tunnels

Hello, everyone! Feel free to drop your questions here regarding the project.

Technology Prediction — Native App or Web App

PYTHON FUNCTIONS: Built-in & User Defined..

Get the Medium app

A button that says 'Download on the App Store', and if clicked it will lead you to the iOS App store
A button that says 'Get it on, Google Play', and if clicked it will lead you to the Google Play store
Vida Lin

Vida Lin

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

More from Medium

Diving into CSS Animations

Simple Tricks For CSS Animation

How to Create a Slide Transition Between Separate “Pages” with HTML, CSS, and JavaScript