38 lines
1.3 KiB
HTML
38 lines
1.3 KiB
HTML
<html>
|
|
<head>
|
|
<title>Width:auto and padding</title>
|
|
</head>
|
|
|
|
<body>
|
|
|
|
<div style="border-bottom:5px solid #000;
|
|
overflow: hidden;
|
|
background-color:#fbb;
|
|
position: absolute;
|
|
left:0px;
|
|
top:20px"><div style="padding: 0px 0px 0px 45px;">The bottom border should end with my text (overflow:hidden)</div></div>
|
|
|
|
<div style="border-bottom:5px solid #000;
|
|
overflow: visible;
|
|
background-color:#fbb;
|
|
position: absolute;
|
|
left:0px;
|
|
top:60px"><div style="padding: 0px 0px 0px 45px;">The bottom border should end with my text (overflow:visible)</div></div>
|
|
|
|
<div style="border-bottom:5px solid #000;
|
|
overflow: auto;
|
|
background-color:#fbb;
|
|
position: absolute;
|
|
left:0px;
|
|
top:100px"><div style="padding: 0px 0px 0px 45px;">The bottom border should end with my text (overflow:auto)</div></div>
|
|
|
|
<div style="border-bottom:5px solid #000;
|
|
background-color:#fbb;
|
|
position: absolute;
|
|
left:0px;
|
|
top:140px"><div style="padding: 0px 0px 0px 45px;">The bottom border should end with my text (no overflow defined)</div></div>
|
|
|
|
|
|
</body>
|
|
</html>
|