Cách trả về vị trí phần tử tương đối với đối tượng float trong JavaScript?

Sử dụng thuộc tính clear để kiểm soát vị trí phần tử so với các phần tử float.

Ví dụ

<!DOCTYPE html>
<html>
  <head>
    <style>
      img { float: left; }
    </style>
  </head>
  <body>
    <img src="https://www.tutorialspoint.com/videotutorials/images/tutor_connect_home.jpg" width="170" height="150">
    <p id="myP">Demo content! ...</p>
    <button type="button" onclick="display()">Click</button>
    <script>
      function display() {
        document.getElementById("myP").style.clear = "left";
      }
    </script>
  </body>
</html>