Css

.list-wrapper {
   text-align: -webkit-center;
}
.list-wrapper ul {
    display:block;
}

dropdwon-menu {
	left: 50%;
	transform: translateX(-50%);
}

<!-- With bootstrap -->
<div class="d-flex justify-content-center">
  <ul>
    ...
  </ul>
</div>

PREVIOUS	NEXT

Code Example
Css :: how to add image with url in css
Css :: margin top inline block css
Css :: adding border to text css
Css :: css grid auto wrap
Css :: contenteditable new line
Css :: increase font size zenity
Css :: css sticky navigatiojn
Css :: michigan score
Css :: background size in css
Css :: media query for mobile landscape only
Css :: display inline-block not working
Css :: tailwind @apply
Css :: css vertical align center
Css :: css dashed double border
Css :: window popup hide address bar
Css :: background repeat
Css :: sass loops
Css :: text shadow neon
Css :: css border different sides
Css :: font. to be thinner css
Css :: css prevent scrolling behind overlay
Css :: textarea disable resize
Css :: can we use multiple keyframes in css
Css :: css dropdown menu with scrollbar
Css :: css set background opacity
Css :: css nth of type
Css :: input uppercase with css
Css :: css prevent margin collapsing
Css :: Bootstrap default accordion arrow icon change
Css :: zoom image inside div and move