how do i center my unordered list in css code example

Example 1: html list bullets not centered

ul {
    text-align: center;
    list-style-position: inside;
}

Example 2: center ul

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