title: How to get the position and size of an element in HTML
body: <p>Is there a way to get to position and size of an element in HTML through a program or debugger or anything like that? I would like to know so that I can set a background image easily without modifying the position an infinite number of times to get it correct.
  <img src="https://i.stack.imgur.com/CRm8g.png" alt="The box is displayed in the debugger(firefox)"></p>
  
  <p>As you can see in the debugger (Firefox) the box of the element is displayed. Is there a way to get the position of this box and the size?</p>