title: How can i set the content of reactstrap modal-header in center?
body: <p>I'm using the reactstrap Modal,There is ModalHeader where I am showing my content.But I am facing the issue while i'm trying to put that content in center of header.</p>
  
  <p>After doing inspect elements I found inside ModalHeader there is <code>&lt;h5&gt;</code> tag, inside this tag my contents are coming, I checked <code>&lt;h5&gt;</code> tag is not using the full width of Modal-Header.I think because of that its not coming in center. If someone know about reactstrap Modal please guide me how can I put my Modal-Header content in center.Thanks in Advance.</p>
  
  <p>Here is my sample code.</p>
  
  <pre><code>&lt;ModalHeader toggle={props.toggle} &gt; 
  &lt;div className="d-flex justify-content-center mb-2"&gt;
   &lt;img src={myImg} alt="img" className="imgSize" /&gt; 
  &lt;/div&gt; 
  &lt;div className="d-flex justify-content-center"&gt; 
  &lt;p&gt;Hi &lt;b&gt;John -&lt;/b&gt; here is my some text&lt;/p&gt;
  &lt;/div&gt; 
  &lt;/ModalHeader&gt;
  </code></pre>