Set X, Y coordinates with divs?

Question

Layout

Good afternoon!
How to set XY coordinates to an existing div ?
Here is the HTML code:

<div class="game-area">
    <div class="square"></div>
    <div class="square"></div>
    <div class="square"></div>
    <div class="square"></div>
    <div class="square"></div>
</div>

How can I give square classes XY coordinates, for example, so that the first would be "00", the second "01" and so on?
Thanks

Answer 1

https://learn.javascript.ru/coordinates

Answer 2

Firstly, canvas is used for such purposes and there all objects already move along coordinates, here's a tip, don't do nonsense and read books on gaming topics on the web.
But if you need to use divs then you need to use position: absolute and its surrounding properties(top, left)

Answer 3

if for example in svg foreignObject - then for div you can set coordinates