Home/ Questions/Q 6978615
In Process

The Archive Base Latest Questions

Editorial Team
  • 0
Asked: 2026-05-27T17:46:47+00:00

How do I center align 3 floating divs inside each other centered on page

  • 0

How do I center align 3 floating divs inside each other centered on page ?

<div style="width:100%">
     <div style="width:90%">
           <div style="width:80%">
                //Content
           </div>
     </div>
</div>
Share

Leave an answer

You must login to add an answer.

Need An Account,

1 Answer

  1. Editorial Team

    Use margin: auto in CSS.

    <div style="background-color: red; height: 100px; width: 500px; margin: auto;">
     <div style="background-color: green; height: 100px; width: 300px; margin: auto;">
           <div style="background-color: blue; height: 100px; width: 100px; margin: auto;">
                //Content
           </div>
     </div>
</div>
    • 0