<style>
.text-left,.text-right,.text-left2,.text-right2{
display: inline-block;
width: 555px;height: 143px;
background-color: red;
margin-top: 20px;
}
.text-right2{ margin-top: 40px; }
</style>
</head>
<body>
<div class="text-left">
<h1 id="textleft-h1">易于使用</h1>
<p>通过代码优于配置的策略,Gulp 让简单的任务简单,复杂的任务可管理。</p>
</div>
<div class="text-right">
<h1 id="textright-h1">构建快速</h1>
<p>利用 Node.js 流的威力,你可以快速构建项目并减少频繁的 IO 操作。</p>
</div>
<div class="text-left2">
<h1 class="textleft2-h1">插件高质</h1>
<p>Gulp 严格的插件指南确保插件如你期望的那样简洁高质得工作。</p>
</div>
<div class="text-right2">
<h1 class="textright2-h1">易于学习</h1>
<p>通过最少的 API,掌握 Gulp 毫不费力,构建工作尽在掌握:如同一系列流管道。</p>
</div>