This is the second and last part of my series on temporary web page processing. In this part of the series, I talk about the layout of the panel (Form). If the panel becomes large, with many elements, then you need to give its layout some consideration. Before I start that I will first talk about a second method of removing the Panel.
Completing Temporary Web Page Processing - Elements to Use in the Table Cells (Page 3 of 4 )
Normally, you should avoid using tables when it comes to layout, but this is the best I could do (using three DIV elements in the Form did not work for all browsers). Now that we have used a table to partition the Form, we have to be careful about the type of elements we use in the table cells. Avoid using block elements like H1 elements in the cells. If you use block elements, the result may not be what you want. Use only inline elements in the cells.
The IMG (image) element is an inline element, so you can use images.
If you want to end a line, use the <br /> element. If you need an extra line, use the <br /> element.
Use of SPAN elements
If you want to give a particular style to some text, use the SPAN element for the text. For example, if you want some text to appear bold, put the text in a SPAN element and then address the SPAN element with CSS. Remember SPAN elements are inline elements; so if you want to give a particular style to text in two lines, use two SPAN elements in the two lines.