title: Why is there a white space between parent div and inner div in react?
body: <p>I have this very simple component in React. I am somewhat new to react.I tried everything to remove the white space but am not able to figure out what is causing the white space to appear. Only margin negative seems to be aviable solution but I know thats not appropriate to use please tell me how to fix it<br>
   import React, { Component } from 'react';</p>
  
  <pre><code>class Shopdetail extends Component{
      constructor(props){
          super(props);
          this.state={            
              data: this.props.data,
              redirect:false
  
          };        
      }
      componentDidMount(){
          console.log(this.props.match.params.idUser);
      }
          render(){
              return(
                  &lt;div style={{ verticalAlign: 'top',margin:'0',clear:'both'}}&gt;
                      &lt;div style={{background:'#cc5',width:'100%',height:'100px',verticalAlign: 'top',boxSizing: 'border-box',clear:'both',padding:'0'}}&gt;Hey&lt;/div&gt;
                  &lt;/div&gt;
  
              )
          }
  }
  export default Shopdetail
  </code></pre>
  
  <p>Here is screenshot
  <a href="https://i.stack.imgur.com/eZFTa.png" rel="nofollow noreferrer"><img src="https://i.stack.imgur.com/eZFTa.png" alt="this is screenshot"></a></p>