1

I have three charts that I want all to be in the center of the HTML page. I know that this question has been asked before but none of the solutions worked for me:

I tried this and this references.

Can you give me a feedback on this Plunker in order to have charts in the center of the page?

svg{
    display: block;
    margin: auto;
  }
parastoo
  • 372
  • 1
  • 4
  • 20

1 Answers1

3

Wrap your SVG's in a parent div

<div class="svg-container">
   <!-- ...svgs -->
</div>

then in your CSS

 .svg-container{
     display: inline-block;
     margin: 0 auto;
  }

you may also need to adjust the width of the div as well

Smokey Dawson
  • 8,827
  • 19
  • 77
  • 152