Apu June 03, 2023 . #css . #Element

❌

How to center an element horizontally and vertically

In this article,you will learn how you can easily center a element horizontally and vertically.

Center an element using display:flex property.

center a div horizontally & vertically

flex box.

Try it Yourself »

Write Your Answer

back

.nJ{ position: fixed; left: 0; bottom: 0; right: 0; padding: 18px 20px; color: #e51661; background: #fce8e8; font:small/1.3 'Fira Sans', sans-serif; box-shadow: 0 -5px 30px -8px rgb(0 0 0 / 8%); z-index: 18; } .nJ:not([open]) { display: none; } .nJ summary { list-style: none; outline: none; cursor: default; position: absolute; bottom: 12px; right: 20px; } .nJ span.c { display: flex; align-items: center; gap: 5px; font-weight: 500; } .nJ span::before { content: attr(data-text); }