# \[CSS\] centering on the screen

**URL:** <https://forum.kirupa.com/t/css-centering-on-the-screen/257644>\
**Category:** web dev\
**Created:** [April 15, 2008, 10:38pm UTC](https://forum.kirupa.com/t/css-centering-on-the-screen/257644 "2008-04-15T22:38:21Z")\
**Posts on this page:** 1\
**Page:** 1

<div class="post-metadata">

**Author:** ![NeoDreamer](https://avatars.discourse-cdn.com/v4/letter/n/ccd318/32.png) [@NeoDreamer](https://forum.kirupa.com/u/NeoDreamer)\
**Post date:** [April 15, 2008, 10:38pm UTC](https://forum.kirupa.com/t/css-centering-on-the-screen/257644/1 "2008-04-15T22:38:21Z")

</div>

if I have a DIV that’s 400px by 200px, how do I center it on the screen? When I try to do the following, it only centers the top left corner on the screen. I want the exact center of the DIV to be centered.

```php

#box {
   width: 400px;
   height: 200px;
   position: absolute;
   top: 50%;
   left: 50%;
}

```