pascal
/
lazarus.fresnel
réplica de https://gitlab.com/freepascal.org/lazarus/fresnel


			
				
					
						
						
							123456789101112131415161718192021222324252627282930313233343536373839404142434445
							<!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="width: 190px;">
    <span style="padding-right: 30px;">Inline1</span><span style="float: right; width: 70px; height: 80px;">FloatR2</span>
    <span style="float: right; height: 10px;">FloatR3</span>
    <span>Inline4</span>
    <span>Inline5</span>
  </div>
  FloatR3 would fit behind Inline1 (hide FloatR2 to see)<br>
  Rule: new floats are at never above older floats
  <div style="width: 130px;">
    <span>Inline6</span><span style="float: right">FloatR7</span><span style="font-size: 30px;">Inline8</span>
  </div>
  Floats that don't fit on the current line are added after EOL.
</div></body>
</html>