Mobilefish.com - Div example 1

<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>