How to reserve a DIV width with “left:100%” CSS rule
If placing an absolute position with left:100%, the DIV will not reserve the normal width depending on its content. Instead, the width will be minimized by breaking the text over spaces.
Here is a simple EXAMPLE
How is it possible to place an absolute position with left:100% (which is located just outside the parent), but keeping the DIV content (text) in one line.
Note that the text length and DIV width are unknown, as the width must be set according to the inner content.
If all you want is for your absolute div to have his text on one line you can put:
Is this what you're after?
You have two options:
In your .test style you can either add a white-space:nowrap; or width:100%; works too