html - css: How to make elements not to overlap + automatically place them in a relevant position -

so i'm trying make website users allowed post posts, have 2 problems.

• the first 1 being elements overlap, elements automatically placed divs using data db, wouldn't giving each 1 different id.
• the second 1 being, how allow 3 of them stay in same line.

thanks in advance help.

it depends on how structure every div, recommend use css box model avoid overlaping of divs

    div {          width: 320px;          padding: 10px;          border: 5px solid gray;          margin: 0;     }