Div数据突出显示问题

Question

我有两个div平行排列，每个div包含2段(div1> 1 2和div2> 3 4)。我只想强调第四段(<p style=background-color:blue>4year</p>)，但它也总是影响第二段。我如何解决这个问题?

这是我的HTML代码:

<div id="select-year-col1" style="float:left;">
    <p class="font-color">1 year</p>
    <p class="font-color">2 year</p>
</div>
<div id="select-year-col2">
    <p class="font-color">3 year</p>
    <p class="font-color" style="background-color:blue">4 year</p>
</div>

Answer 1

我不确定你想做什么，但我从这个问题中了解到，你应该尝试:-

<div id="select-year-col1" style="float:left;">
  <p class="font-color">1 year</p>
  <p class="font-color">2 year</p>
</div>
<div id="select-year-col2" style="float:left;">
  <p class="font-color">3 year</p>
  <p class="font-color" style="background-color:blue">4 year</p>
</div>