title: How to remove space between divs in different lines
body: <p>Check this <a href="https://jsfiddle.net/cirossmonteiro/n5u2wwjg/215931/" rel="nofollow noreferrer">fiddle</a>.
  I'd like to know how to remove the space between lines. I've already tried removing &lt;br />, but nothing changes. Also I don't want to put negative values for margin-bottom. I don't know whether it's a react or css matter.</p>
  
  <p><b>HTML</b></p>
  
  <pre><code>&lt;div id="app"&gt;&lt;/div&gt;
  </code></pre>
  
  <p><b>CSS</b></p>
  
  <pre><code>div.square {
    display: inline-block;
    width: 20px;
    height: 20px;
  }
  </code></pre>
  
  <p><b>React</b></p>
  
  <pre><code>class Square extends React.Component {
      constructor(props) {
          super(props);
          this.style = {
              backgroundColor: 'yellow',
              borderStyle: 'solid',
              borderWidth: 1
          }
      }
      render () {
          return (&lt;div class = "square" style = {this.style}&gt;&lt;/div&gt;);
      }
  }
  
  class App extends React.Component {
    constructor(props) {
      super(props);
    }
  
    render() {
      var ret = [];
      for (var i = 0; i &lt; this.props.m; i++) {
          for (var j = 0; j &lt; this.props.n; j++) {
              ret.push(&lt;Square&gt;&lt;/Square&gt;);
          }
          ret.push(&lt;br /&gt;);
      }
      return ret;
    }
  }
  
  ReactDOM.render(&lt;App m = "10" n = "10" /&gt;,document.querySelector("#app"));
  </code></pre>