Wie kann ich die Punkte von einer <ul> auch zentrieren?
Ich habe bereits für die Liste: text-align: center; , justify-content: center; und align-items: center;.
3 Antworten
![](https://images.gutefrage.net/media/user/medmonk/1444749274_nmmslarge.jpg?v=1444749274000)
Von gutefrage auf Grund seines Wissens auf einem Fachgebiet ausgezeichneter Nutzer
IT
Ich habe bereits für die Liste: text-align: center
In deinem Fall musst du nicht die Liste selbst, sondern die List-Items ansprechen. Vergebe dort ein text-align: center und die Listenpunkte werden mit zentriert.
HTML:
<ul class="menu">
<li class="menu__item">...</li>
<li class="menu__item">...</li>
</ul>
CSS:
/* without classes */
ul { margin: 0; }
ul li { text-align: center; }
/* with classes */
.menu { margin: 0; }
.menu__item { text-align: center; }
LG medmonk
Woher ich das weiß:Berufserfahrung – UI/UX Designer, Full-Stack Developer
![](https://images.gutefrage.net/media/default/user/15_nmmslarge.png?v=1551279448000)
Nutzer, der sehr aktiv auf gutefrage ist
Meist reicht ein einfaches
list-style-position: inside;
im UL Tag bereits aus!
![](https://images.gutefrage.net/media/user/EinAlexander/1568031404353_nmmslarge__0_0_355_355_53fff13ea2c79ad9fbc680094640ebd8.jpg?v=1568031404000)
Von gutefrage auf Grund seines Wissens auf einem Fachgebiet ausgezeichneter Nutzer
HTML, CSS
Wie kann ich die Punkte von einer <ul> auch zentrieren?
So:
<!doctype html>
<title>center ul</title>
<style>
ul {
display:table;
margin:auto;
}
</style>
<ul>
<li>hello</li>
<li>hello world</li>
</ul>
oder so (ist nicht ganz klar, was von beidem Du willst):
<!doctype html>
<title>center ul</title>
<style>
div { text-align:center}
</style>
<div>
<ul>
<li>hello</li>
<li>hello world</li>
</ul>
</div>
Alex