center an element horizontally and vertically.
Center an element horizontally and vertically <style> .children { border: 1px solid blue; width:100px; height:100px; } .parent { border: 1px solid red; height:300px; width:100%; display: flex; justify-content: center;/*horizontally*/ align-items:center ; /*vertically*/ } </style> <div class="parent"> <div class="children">center an element horizontally and vertically.</div> </div> You may like these posts : Write Your Comment
Center an element horizontally and vertically <style> .children { border: 1px solid blue; width:100px; height:100px; } .parent { border: 1px solid red; height:300px; width:100%; display: flex; justify-content: center;/*horizontally*/ align-items:center ; /*vertically*/ } </style> <div class="parent"> <div class="children">center an element horizontally and vertically.</div> </div>
You may like these posts :