title: React Inline Style - How to style automatic generated tags?
body: <p>I'm using Slick Carousel with React but i need modify some styles of some divs which are automatically created by Slick.</p>
  
  <pre><code>import React from 'react';
  import Slider from 'react-slick';
  
  export default class Slider extends React.Component {
      render: function () {
          var settings = {
              dots: true,
              infinite: true,
              speed: 500,
              slidesToShow: 1,
              slidesToScroll: 1
          };
  
          return (
              &lt;Slider {...settings}&gt;
                  &lt;div&gt;&lt;h3&gt;1&lt;/h3&gt;&lt;/div&gt;
                  &lt;div&gt;&lt;h3&gt;2&lt;/h3&gt;&lt;/div&gt;
                  &lt;div&gt;&lt;h3&gt;3&lt;/h3&gt;&lt;/div&gt;
                  &lt;div&gt;&lt;h3&gt;4&lt;/h3&gt;&lt;/div&gt;
                  &lt;div&gt;&lt;h3&gt;5&lt;/h3&gt;&lt;/div&gt;
                  &lt;div&gt;&lt;h3&gt;6&lt;/h3&gt;&lt;/div&gt;
              &lt;/Slider&gt;
          );
      }
  });
  </code></pre>
  
  <p>Because i set <strong>dots = true</strong>, so the <strong>dots</strong> will be displayed below my slider. But i need to change its style. With inline style, how can i do that ?</p>
  
  <p>Thanks !</p>