如何使内联div内容不在换行符中分割

.message {
    width:500px;
    white-space: -moz-pre-wrap !important;  /* Mozilla, since 1999 */
    white-space: -pre-wrap;      /* Opera 4-6 */
    white-space: -o-pre-wrap;    /* Opera 7 */
    white-space: pre-wrap;       /* css-3 */
    word-wrap: break-word;       /* Internet Explorer 5.5+ */
    white-space: -webkit-pre-wrap; /* Newer versions of Chrome/Safari*/
    word-break: break-all;
    white-space: normal;
    position:relative;
}
    
.messagecontent {
    display: inline-block;
}
    
.date {
    font-size:11px;
    color:#999;
    padding-left:5px;
}

<!-- HTML -->

<div class="message">
  <div class="messagecontent"></div>
  <font class="date"></div>
</div>