How to overlap div?

How do I get div2 to overlap to the left?  I'd like "testing" to appear in the left margin and "this" to align with "testing" above and below it.

<div id="outer" style="width:300px;border-style:solid;border-width:5px;margin:auto;">
<div>testing this div 1.testing this div 1.</div>
<div id="div2" style="left:-50px;">testing this div 2.</div>
<div>testing this div 3.</div>
</div>

Open in new window

brettrAsked:
Who is Participating?
 
Robert SchuttConnect With a Mentor Software EngineerCommented:
It may depend on the font but try this for starters:
<div id="div2" style="position:relative;left:-46px;">testing this div 2.</div>

Open in new window

EDIT: 46 seemed closer
0
Question has a verified solution.

Are you are experiencing a similar issue? Get a personalized answer when you ask a related question.

Have a better answer? Share it in a comment.

All Courses

From novice to tech pro — start learning today.