Wie kann ich die Punkte von einer <ul> auch zentrieren?

3 Antworten

medmonk
Von gutefrage auf Grund seines Wissens auf einem Fachgebiet ausgezeichneter Nutzer
IT
19.02.2021, 13:43
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
elmex7
Nutzer, der sehr aktiv auf gutefrage ist
im Thema HTML
19.02.2021, 14:41

Meist reicht ein einfaches

    list-style-position: inside;

im UL Tag bereits aus!
EinAlexander
Von gutefrage auf Grund seines Wissens auf einem Fachgebiet ausgezeichneter Nutzer
HTML, CSS
19.02.2021, 13:32
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