How to center content on a page

https://dev.webpages.dk/

Index
- Index
LAMP stack
- LAMP stack - text
- LAMP stack - video
- Securing Lampstack
- Securing Apache
- Using Cron
HTML
- Webbrowsers
- Formatting
- Special characters
CSS
- Rotate
- Body background
- Banner Fixed
- Tabs
- Expandable textbox
- Gradient fill
- Center on page
- Border types
Javascript
- Navigate to other page
- Two 'GoBack' links
- How to clear a textfield
- Five ways to navigate
- Use a JS confirmbox
- Textarea autoscroll
- Digital clock
- Mouse Events
PHP
- Create Zip archive
- Create DIR
- Create a File
- Write to a File
- Read a File
- Delete a File
- Copy/Rename a File
- Create/Write/convert
- Strip tags from text
- htmlspecialchars
- decode (the above)
- About PAX
- Backup a Cronjob
- Generate Paswords
- How to use POST
- How to use IF
- IF and ELSE
- Radio buttons
- Random image
- Use ISSET
- Use of SESSION
PHP & DB
- Create DB & Table
- Insert to DB
- Select, part 1
- Select, part 2
- Delete from a Table
- Update a Table
- Order a SELECT
- LIKE in a DB query
- TRUNCATE a Table
About
- About

About CSS Center on page

How to center content on the page:

This is an example of how to center content on the page. The CSS code will center the content on the page, both vertical and horizontal. A usefull little snippet.

The project: Tabs

This is a snip of CSS that will center content on the page. Both vertical and horizontal.
Click here to see an example of some text centered on the page.

Icons made by Freepik from www.flaticon.com

This page is about how to center things on your webpages using CSS. It centers both horizontal and vertical.

The project: Tabs

HTML

CSS