<html> <head> <title>Div example</title> </head> <body> <style type="text/css"> .container1a{ border: 1px solid #000000; width: 300px; } .container1a .inner1a{ background: transparent url("../download/css/fold1a.gif") right bottom no-repeat; position: relative; left: 1px; top: 1px; padding: 2px 2px 22px 2px; } .container1b{ border: 2px solid #000000; width: 300px; } .container1b .inner1b{ background: transparent url("../download/css/fold1b.gif") right bottom no-repeat; position: relative; left: 2px; top: 2px; padding: 2px 2px 22px 2px; } .container2a{ border: 1px solid #000000; width: 300px; } .container2a .inner2a{ background: transparent url("../download/css/fold2a.gif") right top no-repeat; position: relative; left: 1px; bottom: 1px; padding: 22px 2px 2px 2px; } .container2b{ border: 2px solid #000000; width: 300px; } .container2b .inner2b{ background: transparent url("../download/css/fold2b.gif") right top no-repeat; position: relative; left: 2px; bottom: 2px; padding: 22px 2px 2px 2px; } </style> <div class="container1a"> <div class="inner1a"> Morbi sagittis adosi nisl acle mi viverra imperdiet.<br /> Morbi sagittis adosi nisl acle mi viverra imperdiet.<br /> Morbi sagittis adosi nisl acle mi viverra imperdiet.<br /> Morbi sagittis adosi nisl acle mi viverra imperdiet. </div> </div> <br /><br /> <div class="container1b"> <div class="inner1b"> Morbi sagittis adosi nisl acle mi viverra imperdiet.<br /> Morbi sagittis adosi nisl acle mi viverra imperdiet.<br /> Morbi sagittis adosi nisl acle mi viverra imperdiet.<br /> Morbi sagittis adosi nisl acle mi viverra imperdiet. </div> </div> <br /><br /> <div class="container2a"> <div class="inner2a"> Morbi sagittis adosi nisl acle mi viverra imperdiet.<br /> Morbi sagittis adosi nisl acle mi viverra imperdiet.<br /> Morbi sagittis adosi nisl acle mi viverra imperdiet.<br /> Morbi sagittis adosi nisl acle mi viverra imperdiet. </div> </div> <br /><br /> <div class="container2b"> <div class="inner2b"> Morbi sagittis adosi nisl acle mi viverra imperdiet.<br /> Morbi sagittis adosi nisl acle mi viverra imperdiet.<br /> Morbi sagittis adosi nisl acle mi viverra imperdiet.<br /> Morbi sagittis adosi nisl acle mi viverra imperdiet. </div> </div> </body> </html>