<html>
<head>
    <title>Width:auto and padding</title>
</head>

<body>

<div style="border-bottom:5px solid #000;
            padding: 0px 0px 0px 45px;
            overflow: hidden;
            background-color:#fbb;
            position: absolute; 
            left:0px;
            top:20px"><div>The bottom border should end with my text (overflow:hidden)</div></div>

<div style="border-bottom:5px solid #000;
            padding: 0px 0px 0px 45px;
            overflow: visible;
            background-color:#fbb;
            position: absolute; 
            left:0px;
            top:60px"><div>The bottom border should end with my text (overflow:visible)</div></div>

<div style="border-bottom:5px solid #000;
            padding: 0px 0px 0px 45px;
            overflow: auto;
            background-color:#fbb;
            position: absolute; 
            left:0px;
            top:100px"><div>The bottom border should end with my text (overflow:auto)</div></div>

<div style="border-bottom:5px solid #000;
            padding: 0px 0px 0px 45px;
            background-color:#fbb;
            position: absolute; 
            left:0px;
            top:140px"><div>The bottom border should end with my text (no overflow defined)</div></div>


</body>
</html>