html - Div data Highlight issue -

html - Div data Highlight issue -

i have 2 divs aligned in parallel, each div contains 2 paragraphs (div1 > 1 2 , div2 > 3 4). want highlight 4th paragraph (<p style=background-color:blue>4year</p>) affects 2nd paragraph well. how can prepare issue?

here html code:

<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>

i'm not sure you're trying do, i've understood question, dhould try:-

<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>

html css