KW Online Tools Zone
Knowledge Walls
View All Tools Home
VERTICAL AND HORIZONTAL CENTER
[HTML CSS editor]
Run
Share Link
Clear
HTML [Ctrl+Enter] - to run
<div id="layout_container"> Horizontal center layout on page with </div> <h1>page content</h1> <h1>page content</h1> <h1>page content</h1> <h1>page content</h1> <h1>page content</h1> <h1>page content</h1> <h1>page content</h1> <h1>page content</h1> <h1>page content</h1> <h1>page content</h1> <h1>page content</h1> <h1>page content</h1> <h1>page content</h1> <h1>page content</h1> <h1>page content</h1> <h1>page content</h1> <h1>page content</h1> <h1>page content</h1> <h1>page content</h1> <h1>page content</h1>
OUTPUT
CSS [Ctrl+Enter] - to run
#layout_container { background-color: darkgreen; margin: auto; position: fixed; left: 0px; right: 0px; bottom: 0px; top: 0px; width: 50%; height: 30%; color: white; padding: 10px; }
Copyright © 2021 Knowledge walls, All rights reserved
Copyright © 2021 Knowledge walls, All rights reserved