Increase body width to fit content

Question

I want an HTML page with a border around the content. Content does not fit the screen.

Example:

<div style="border: solid red 1px;"> <div style="width: 2000px;"> Hello world </div> </div> 

I would like the DIV border to be 2000 pixels wide. However, it is as wide as the browser window.

How to make the external DIV as wide as possible than its contents, preferably without Javascript?

Answer 1

You can make the external <div> shrink to fit its contents ("shrinkwrap") by adding float: left .

Answer 2

Just go for a swim.

  <div style="border: solid red 1px; float: left;"> <div style="width: 2000px;"> Hello world </div> </div>