post title alignment

by allw1994

HTML

<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/4.0.0/css/bootstrap.min.css">
<script src="https://code.jquery.com/jquery-3.2.1.slim.min.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/popper.js/1.12.9/umd/popper.min.js"></script>
<script src="https://maxcdn.bootstrapcdn.com/bootstrap/4.0.0/js/bootstrap.min.js"></script>
<div class="row px-3">
<div class="jumbotron">
  <span class="float-right d-flex ">
    <div class="align-self-center mr-1">Submitted by</div>
    <div class="btn-group">
      <button class="btn">User</button>
      <button class="btn btn-info"></button>
      <button class="btn btn-danger"></button>
    </div>
  </span>
  <h1 class="d-flex">
    <div id="editor-title">A very long post title that needs to be long enough to see if the wrapping is working or not</div>
  </h1>
<div id="editor-body">a short body underneath the title</div>
</div>
</div>