Center A Design In The Browser Window
Skills Covered
- Margin: Auto
- Text-Align: Center
Estimated Work Time
- 15 Minutes
With this lesson we'll center all of the content inside a browser window. Watch the video below to walk through these steps:
- Start with an HTML template page and Save As center_layout.
- Add a classic wrapper div and insert some placeholder text.
- Link to a style sheet called center.css
- Create the center.css document and create a wrapper id declaration.
- Add background-color and width declarations.
Your web page should function like this now.