Space in css inline-block

Centralise child element on css is pretty straight forward, imaging you have a block like this:


  • some text here...
  • some text here...
  • some text here...
  • some text here...

to centralise the li element is easy, all you need is to use list-block or list as the css and text-center for ul,


ul {
  text-style:center;
}

li {
  display:inline-block;
}

however there is a problem in this case, there will be a small space between each li element, to fix this here is a trick, change your html to:


  • some text here...
  • some text here...
  • some text here...
  • some text here...

hope this works for you.