问最大宽度的自动调整div

EN

我试图为文本创建一个div，它根据div中文本的大小来调整宽度，但也有一个最大宽度，因此，如果文本超过了最大宽度，就会将其分割成多行。文本确实会用一行文本来调整大小，但是当有超过一行时，会在文本的右侧和边框之间的div中出现一个大空间。

​

​

HTML：

<div class="balloon">
  This is sample text. This is a second sentence.
</div>

CSS：

.balloon {
  background: #FFF;
  border: solid 2px;
  display: inline-block;
  max-width: 225px;
}

这里有一个演示来演示我的意思：http://jsfiddle.net/oft3n5wg/

有什么办法解决这个问题吗？