pascal
/
lazarus.fresnel
mirror of https://gitlab.com/freepascal.org/lazarus/fresnel


			
				
					
						
						
							1234567891011121314151617181920212223242526272829303132333435363738394041424344
							<!doctype html>
<html lang="en">
<head>
  <meta http-equiv="Content-type" content="text/html; charset=utf-8">
  <title>Project1</title>
  <meta name="viewport" content="width=device-width, initial-scale=1">
  <style>
  div {
    padding: 5px;
    border: 2px solid blue;
    margin: 4px;
  }
  span {
    padding: 5px;
    border: 2px solid red;
    margin: 4px;
  }
  </style
</head>
<body>
  <script>
    function Show(){
      var El = document.getElementById('wing');
      console.log('Client: l='+El.clientLeft+' t='+El.clientTop+' w='+El.clientWidth+' h='+El.clientHeight+' Scroll: Left='+El.scrollLeft+' Width='+El.scrollWidth+' Top='+El.scrollTop+' Height='+El.scrollHeight);
    }

    window.addEventListener("load", (event) => {

      var El = document.getElementById('feather');
    });
  </script>
  <div style="position: relative;">
    <div style="position: absolute;">
      <span>Inline1</span><span style="float: right; width: 70px; height: 80px;">FloatR2A FloatR2B</span><br><span>Inline3</span>
      <div style="width: 120px;">
        <span>Inline4</span><span style="float: right; height: 10px;">FloatR3</span> <span>Inline5</span>
      </div>
      <span>Inline6</span> <span>Inline7</span> <span>Inline8</span> <span>Inline9</span>
    </div>

    <span>Inline10</span>
  </div>
</div></body>
</html>