jsn/a.html

## a.html
<!doctype html>
<html>
  <head>
    <meta http-equiv="content-type" content="text/html; charset=utf-8">
    <title>X</title>
    <style type="text/css" media="screen">
      #outer > div {
        position: relative ;
        float: left ;
        border: 1px solid black ;
        margin: 1px solid white ;
        text-align: center ;
      }
      #i1, #i2, #i5 {
        width: 48% ;
        height: 100px ;
      }
      #i3, #i6 {
        clear: left;
        width: 24% ;
        height: 50px ;
      }
      #i4 {
        width: 24% ;
        height: 100px ;
      }
      #i6 {
        margin-top: -50px ;
      }
    </style>
  </head>
  <body>
    <div id="outer">
      <div id="i1">1</div>
      <div id="i2">2</div>
      <div id="i3">3</div>
      <div id="i4">4</div>
      <div id="i5">5</div>
      <div id="i6">6</div>
    </div>
  </body>
</html>
	<!doctype html>
	<html>
	<head>
	<meta http-equiv="content-type" content="text/html; charset=utf-8">
	<title>X</title>
	<style type="text/css" media="screen">
	#outer > div {
	position: relative ;
	float: left ;
	border: 1px solid black ;
	margin: 1px solid white ;
	text-align: center ;
	}
	#i1, #i2, #i5 {
	width: 48% ;
	height: 100px ;
	}
	#i3, #i6 {
	clear: left;
	width: 24% ;
	height: 50px ;
	}
	#i4 {
	width: 24% ;
	height: 100px ;
	}
	#i6 {
	margin-top: -50px ;
	}
	</style>
	</head>
	<body>
	<div id="outer">
	<div id="i1">1</div>
	<div id="i2">2</div>
	<div id="i3">3</div>
	<div id="i4">4</div>
	<div id="i5">5</div>
	<div id="i6">6</div>
	</div>
	</body>
	</html>