title: Line break inside react-bootstrap card title is causing card to move up
body: <pre><code>class AlbumEntry extends Component {
  render() {
      return (
          &lt;Card style={{ margin: '5px', display: 'inline-block', width: '250px', height: '500px' }}&gt;
              &lt;Card.Img variant="top" src={this.props.imgSrc}/&gt;
              &lt;Card.Body style={{display: 'inline-block'}}&gt;
                  &lt;Card.Title&gt; {this.props.albumTitle} &lt;/Card.Title&gt;
                  &lt;Card.Text&gt; {this.props.albumArtist} &lt;/Card.Text&gt;
                  &lt;Button variant="primary"&gt;Go to Album &lt;/Button&gt;
              &lt;/Card.Body&gt;
          &lt;/Card&gt;
      );
  }
  </code></pre>
  
  <p>}</p>
  
  <p>I am having an issue with line breaks inside my card. I am trying to list rows of cards on my page, each one having a title and text as well as an image. I can get it so that the cards are the same size, BUT if the title takes more than 1 one line, it pushes that card up, so the cards are not lined up properly. Any tips? </p>