htmlclassattributes

Making many div blocks in html without css

I am trying to make this i am trying to make these as divs in html without using a different css file in html as different divs. I am trying to make it work but i keep getting stuck because the code is getting too complex and honestly i have no idea how to make this work so providing the code is of no use im just trying to see if this can be made solely using html or do we have to use flex or something for it.

I tried making div families like this

this is just a part i got stuck after this as the new divs keep overlapping each other I have tried the float property and the position one too. HELP!!!
Solution

  • CSS is the only way to do this, but don't worry, it's not too complicated.

    If the whole page is going to be centered, put everything into one div and put "style="width: 100%; margin: auto;" on it.

    Divide the big sidebar and the other content using divs:

    <div class="sidebar">
   contents here
</div>
<div class="content">
   more divs here
</div>

    For an easier route, you could use tables to make the page and insert the content there.