# \[CSS\] Simulating Gmail
**URL:** https://forum.kirupa.com/t/css-simulating-gmail/253536
**Category:** web dev
**Created:** [March 2, 2008, 6:56pm UTC](https://forum.kirupa.com/t/css-simulating-gmail/253536 "2008-03-02T18:56:01Z")
**Posts on this page:** 1
**Page:** 1
### Author:  [@NeoDreamer](https://forum.kirupa.com/u/NeoDreamer)
#### Post date: [March 2, 2008, 6:56pm UTC](https://forum.kirupa.com/t/css-simulating-gmail/253536/1 "2008-03-02T18:56:01Z")
I want to simulate Gmail’s CSS:
[LIST]
[_]people list always on the left
[_]date/time always on the right
[\*]Message preview is as long as the user’s browser. It will shrink when the browser shrinks.
[/LIST]
So I attempted to do this:
```php
Untitled Document
John, Rob, Jennifer
This message is supposed to shrink with the browser.
4:15 pm 12/05/07
```
When the browser is wide enough, it looks ok:
But it fails when the browser is shrunk:
Any ideas?