HTML CSS Box reference

Margin Border and Padding Reference


http://www.w3.org/TR/css3-box

Transparent DIV SPAN for Internet Explorer, Firefox

Style sheet:

.transparency
{
filter:alpha(opacity=60);
-moz-opacity: 0.6;
opacity: 0.6;
}

Apply code:

<div class="transparency">A transparent div.</div>
<img src="image_basic.jpg" alt="Sample" class="transparency" />

How to vertical align the text within a text box

Use padding-top tab in CSS style.

For an example

<input type="text" style="width:140px; height:24px; padding-top:4px; font-family:Tahoma; font-size:18px" />

Result