Core Code
Core Code Modern Dev Handbook

CSS Right Aligned Dropdown

Dropdown menus can align to the right.

Preview

Code

<style>
.dropdown{
position:relative;
display:inline-block;
}

.menu{
display:none;
position:absolute;
right:0;
background:#f3f4f6;
padding:10px;
}

.dropdown:hover .menu{
display:block;
}
</style>

<div class="dropdown">
Menu
<div class="menu">Right aligned</div>
</div>

More CSS Dropdowns Examples (8)

example CSS Basic Dropdown open example example CSS Hover Dropdown open example example CSS Dropdown Menu List open example example CSS Dropdown Button open example example CSS Dropdown With Icon open example example CSS Card Style Dropdown open example example CSS Navbar Dropdown open example example CSS Animated Dropdown open example