Normal Flow : position « Layout « HTML / CSS






Normal Flow

 

<?xml version="1.0" ?>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
    "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" lang="en" xml:lang="en">

<head>
  <title>Normal Flow</title>
  <style rel="stylesheet" type="text/css">

body {
  color: #000000;
  background-color: #ffffff;
  font-family: arial, verdana, sans-serif;
  font-size: 12px;
}

p {
  border-style: solid;
  border-color: #000000;
  border-width: 2px;
  padding: 5px;
  width: 200px;
  background-color: #FFFFFF;
}
</style>
</head>

<body>
<p><b>one</b>. top of the page.</p>
<p><b>two</b>. middle of the page.</p>
<p><b>three</b>. bottom of the page.</p>
</body>
</html>

 








Related examples in the same category

1.The position Property
2.CSS provides six positioning models for positioning an element: static, absolute, fixed, relative, float, and relative float.
3.Relative position image
4.position descendant