visual formatting

[aamirghanchi]

Hi,
I have following piece of html. It simply shows a blue label top of a
select box.
I need to add a similar select box with a label in the same line as the
one below.
I do not want to use float. Which display type should I be using or is
there something else.
Will appreciate any help.

Thanks

<style>
.top-label {
background-color:blue;
color:white;
width:100%;
font-weight:bold;
text-align:center
}

</style>

<div style="width:15%;">
<div class="top-label">Report Type</div>
<select name="ReportType" style="width:100%">
<option value="Report1">Report 1</option>
<option value="Report2">Report 2</option>
</select>
</div>

[Johannes Koch]

aa**********@gmail.com schrieb:

I have following piece of html. It simply shows a blue label top of a
select box.

[...]

<div style="width:15%;">
<div class="top-label">Report Type</div>
<select name="ReportType" style="width:100%">
<option value="Report1">Report 1</option>
<option value="Report2">Report 2</option>
</select>
</div>

BTW, there is a label element in HTML. You should use it instead of the
top-label div, and bind it to the select via id/for attributes.
--
Johannes Koch
Spem in alium nunquam habui praeter in te, Deus Israel.
(Thomas Tallis, 40-part motet)

[aamirghanchi]

Thanks Johannes, I just did it.

Johannes Koch wrote:

aa**********@gmail.com schrieb:

I have following piece of html. It simply shows a blue label top of a
select box.

[...]

<div style="width:15%;">
<div class="top-label">Report Type</div>
<select name="ReportType" style="width:100%">
<option value="Report1">Report 1</option>
<option value="Report2">Report 2</option>
</select>
</div>

BTW, there is a label element in HTML. You should use it instead of the
top-label div, and bind it to the select via id/for attributes.
--
Johannes Koch
Spem in alium nunquam habui praeter in te, Deus Israel.
(Thomas Tallis, 40-part motet)