I am working on a design with a structure like this:
<section>
<h3>Title:</h3>
<p>Content that may span multiple lines.</p>
</section>
section
{
background: #5E5E5E;
overflow:hidden;
}
h3
{
background: #B31B1B;
padding: 13px;
width: 174px;
float:left;
}
p
{
margin: 13px 13px 13px 213px;
}
I'm facing an issue where the background of the title does not extend to the bottom of the section when the content in the <p>
tag is more than one line.
Is there any solution other than the faux columns technique that I can use to address this problem?