Html 如何将响应网站中并排放置的内容以相等的宽度分开？

在drupal7中创建一个单页响应式网站时，将关于我们和道德的两个内容并排放置在两个块中后，我们无法以相同的宽度分离/对齐内容。即使设置了“宽度=50%”，关于我们和道德的内容之间也没有间隔。如何设置两个内容之间的垂直间距，使其看起来整洁易懂？

信息不足。在Drupal7中，如何在一个响应性的单页网站的两个块之间留出空间？示例：我们通过drupal admin在一行中创建了两个关于我们和道德的块。我们希望在这两个块之间留出垂直空间！！这不是一个示例，您没有指定块。它们可以是内联元素，也可以是块元素。不同案例中的不同解决方案为了帮助我们，我们需要查看您使用的html和css。另外，如果两个“内容”并排排列，为什么需要垂直间距？并排表示两个块之间没有间距，它们连接在一起..这是我们的css和php代码..../*css*/.container{width:100%}.region1{width:45%；padding left:1em；padding right:1em；float:left；}.region2{width:45%；padding left:1em；padding right:1em；float:left；}.region3{width:50%；float:left}@media-only屏幕和（最大宽度：767px）{.region1{width:100%}.region2{width:100%}.region3{width:100%}