html - 如何使同一行中的元素出现在同一行不同的列中 - 骨架样板

Question

我刚刚开始学习编码。我正在使用 Skeleton 样板来构建一个响应式模板。我很难理解，如何让两个元素出现在同一行。下面是我的代码。

<div class="header">
    <div class="container"
        <div class="row">
             <div class="three.columns"><img src="/image/file">
             </div>
        <div class="nine.columns">Headline</div>
    </div>
 </div>

`

Answer 1

容器 div 中缺少“>”。

这将是正确的代码:

<div class="header">
  <div class="container">
    <div class="row">
      <div class="three columns"><img src="/image/file"></div>
      <div class="nine columns">Headline</div>
    </div>
  </div>
</div>