search

marp-team / marpit

The skinny framework for creating slide deck from Markdown
https://marpit.marp.app/
MIT License
963 stars 46 forks source link

Center a table in a slide #386

Closed ChrCoello closed 9 months ago

ChrCoello commented 9 months ago

I just would like to center a table in the middle of a slide. I tried 

---
<style scoped>
table {
  font-size: 18px;
  text-align: center;
}
</style>

but without success. Thanks in advance

yhatt commented 9 months ago

It's a very common CSS pitfall: text-align: center only centers the text inside the table cells. To center the table itself within its container (slide), you can use the following CSS:

<style scoped>
table {
  max-width: fit-content;
  margin-left: auto;
  margin-right: auto;
}
</style>

The following article is very useful for all about centering with CSS: How To Center a Div (https://www.joshwcomeau.com/css/center-a-div/)

ChrCoello commented 9 months ago

It's a very common CSS pitfall: text-align: center only centers the text inside the table cells. To center the table itself within its container (slide), you can use the following CSS:

<style scoped>
table {
  max-width: fit-content;
  margin-left: auto;
  margin-right: auto;
}
</style>

The following article is very useful for all about centering with CSS: How To Center a Div (https://www.joshwcomeau.com/css/center-a-div/)

Thanks alot for your prompt answer and the links. And for marp!!