What is the best way to indent text in a DIV when it wraps?

Question

So I have a DIV that contains some dynamic text. Let's say I know the text and font-size but I don't know the size of the DIV. I'd like the display of the text in the DIV to be intelligent enough to show indentation when text wraps.

Say my original text looked something like this:

 Lorem ipsum dolor sit amet,  consectetur adipisicing  elit, sed do eiusmod  tempor incididunt 

Instead, I want it to look like this:

 Lorem ipsum dolor sit amet,     consectetur adipisicing     elit, sed do eiusmod     tempor incididunt 

What's the best way to do this if I don't know the size of the DIV a priori? And what's the best way to do it if I do know the size?

Thanks!

Answer 1

If I understand what you're asking for, this works for me:

div {     padding-left: 2em;     text-indent: -2em; }