在HTML中，你可以使用div元素來劃分一個區域，它能夠將一個頁面分為多個獨立的部分。每個div都可以用CSS樣式來設置不同的樣式。如果想設置兩個方框，可以使用以下HTML代碼：
<div style="display: flex;"><div style="width: 50%; height: 50px; background-color: red;">
上述代碼中，我們創建了一個包含兩個div的div容器。它的樣式是“display: flex;”，這個樣式會讓兩個子div并排排列。
第一個子div的樣式是“width: 50%; height: 50px; background-color: red;”。這里我們設置了它的寬度占整個容器的50%，高度為50個像素，背景顏色為紅色。
第二個子div的樣式和第一個類似，不同之處在于背景顏色為綠色。
如果要改變兩個方框的位置，只需要調整它們的div樣式即可。