用一个html+css写一个CSS样式采用内嵌样式完成，实现浮动定位（效果图如下图），有外层容器盒子，居中，宽度为页面的70%宽。内层盒子宽度相等，灰色背景；2个内层盒子分为2列，两个盒子之间有15px空隙。每列均有h2标题和一个段落构成（内容不限，但不能使用无意义的文字）。

以下是实现浮动定位的HTML和CSS代码：

<div class="container">
  <div class="box">
    <h2>Title 1</h2>
    <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Donec ultricies mauris vel quam euismod sodales. Nulla consequat, libero a dictum rhoncus, ex odio fringilla enim, et sollicitudin ipsum arcu vel velit.</p>
  </div>
  <div class="box">
    <h2>Title 2</h2>
    <p>Suspendisse euismod, lacus vitae hendrerit hendrerit, quam dui porttitor est, sit amet faucibus nisi nibh sit amet justo. Nunc eu interdum eros, eget vehicula arcu.</p>
  </div>
</div>

.container {
  margin: 0 auto;
  width: 70%;
}

.box {
  width: 50%;
  float: left;
  margin-right: 15px;
  background-color: #eee;
}

.box:last-child {
  margin-right: 0;
}

h2 {
  margin-top: 0;
}

p {
  margin-bottom: 0;
}

解释一下这段代码：

- 外层容器使用`margin: 0 auto;`和`width: 70%;`实现居中和宽度为70%的效果。
- 内层盒子使用`width: 50%;`和`float: left;`实现两列浮动排列。
- 两个盒子之间使用`margin-right: 15px;`实现15px的间隔。
- 最后一个盒子使用`.box:last-child`选择器去掉右侧的间隔。
- `background-color`属性设置盒子背景颜色为灰色。
- `h2`和`p`标签的`margin`属性用来去掉默认的上下边距，让文本内容紧凑排列。