/CSS/How to center a inline block element

How to center a inline block element

Inline block align center

.parent {
  display: flex;
  justify-content: center;
  align-items: center;
}

.child {
  display: inline-block;
}

Source: stackoverflow.com

How to center a inline block element

  display: inline-block;
  position: relative;
  /* Move the element to the right by 50% of the container's width */
  left: 50%; 
  /* Calculates 50% of the element's width, and moves it by that */ 
  /* amount across the X-axis to the left */
  transform: translateX(-50%);

-1

Source: stackoverflow.com

Similar codes

1 vote187 views1 answer
Css put span on new line
CSS
0 vote287 views2 answers
Https://www.youtube.com/s/desktop/f357c206/cssbin/www-main-desktop-watch-page-skeleton.css
CSS Skeleton
3 votes186 views1 answer
Import font sass
CSS
20 votes207 views3 answers
Center align div vertically and horizontally css
CSS
4 votes185 views1 answer
Css first h element
CSS
60 votes217 views3 answers
Adding shadow to a div
CSS
0 vote204 views1 answer
Tailwind simple product card
CSS
3 votes139 views1 answer
Css margin bottom not working
CSS
0 vote196 views1 answer
Bind 'fill' inside ':svg:path' with scss variables
CSS
1 vote188 views1 answer
Stop css transition from firing on page load
CSS