post title alignment

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">
        <div class="float-right mar-10">
            <div class="">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>
        </div>
    <p id="editor-title">A very long post title that   needs to be long enough to see if the wrapping is working or not sdjfssdfs dakjsd askjdhas dkjashd asdjkhasd askjdhas sdf dasjdasdkjasd asdkjhasd djkf dfuieywrbewrgew weruwe</p>
    <div id="editor-body">a short body underneath the   title</div>
    </div>
</div>

CSS

.mar-10 {
  margin: 0 1px;
}