Html 如何将文本环绕在局部区域上

我试着将文章中的文本环绕在一个部分上，这会呈现一个片段，但我能做的最好的事情就是让它正确对齐。有什么想法吗

<%= render "shared/slider" %>
<%= render "shared/calender" %>
<div id="post-1">
<b><%= @post.first.title %></b>
<%= simple_format(@post.first().content) %>
</div>
<script>
  #post-1
  {
    align: right;
  }
</script>

#1后
{
对齐：右；
}

尝试使用CSS属性

float

我创建了一个快速演示，演示如何将

float:left

应用到您试图包装文本的元素上，以达到预期效果

预览：