I am encountering an issue where my subclass is not working on DIV elements.
While the CSS rules are able to match inline tags like span and a, they do not seem to work with div.
Please refer to the example provided below:
<style>
.row {
display: block;
}
.row .lbl {
float: left;
width: 200px;
text-align: right;
font-weight: bold;
background-color: blue;
}
.row .inpt {
float: left;
width: 200px;
text-align: right;
font-weight: bold;
background-color: red;
}
</style>
The following code snippet WORKS!!!
<p class="row">
<span class="lbl">Title</span>
<span class="inpt">Data</span>
</p>
However, the one below DOES NOT WORK!!!
<p class="row">
<div class="lbl">Title</div>
<div class="inpt">Data</div>
</p>