title: Carousel (pure CSS and npms) does not display well in ReactJS
body: <p>I have tried to implement a simple carousel in react, I have used both pure css and libraries but in all cases it is always shown as follows</p>
  
  <p><a href="https://prntscr.com/oklwmi" rel="nofollow noreferrer">img of result</a></p>
  
  <p>all child display in vertical line.</p>
  
  <p>I tried with this codes:</p>
  
  <p><a href="https://www.npmjs.com/package/react-responsive-carousel" rel="nofollow noreferrer">https://www.npmjs.com/package/react-responsive-carousel</a></p>
  
  <p><a href="https://www.npmjs.com/package/pure-react-carousel" rel="nofollow noreferrer">https://www.npmjs.com/package/pure-react-carousel</a></p>
  
  <p>and in all it is the same result, I don't have a style in the css class</p>
  
  <pre><code>import React, {Component} from 'react';
  import { CarouselProvider, Slider, Slide, ButtonBack, ButtonNext } 
   from 'pure-react-carousel';
  
  class App extends Component {
  render()  {
      return (
        &lt;div className="App"&gt;
            &lt;CarouselProvider
                naturalSlideWidth={30}
                naturalSlideHeight={10}
                totalSlides={3}
              &gt;
                &lt;Slide index={0}&gt;
                    &lt;img src="/img/Gallery01.png" /&gt;
                &lt;/Slide&gt;
                &lt;Slide index={1}&gt;
                    &lt;img src="/img/Gallery01.png" /&gt;
                &lt;/Slide&gt;
                &lt;Slide index={2}&gt;
                    &lt;img src="/img/Gallery01.png" /&gt;
                &lt;/Slide&gt;
              &lt;/CarouselProvider&gt;
        &lt;/div&gt;
      );
    }
  }
  export default App;
  </code></pre>