How to Span Large Gaps With Headers

You use an HTML div tag to span a large section of your header pages. This helps you fill a large gap with an image or content within the div tag. You use the div's "Width" property to span the space and fill it with content. This process is useful when designing a Web page layout for your site.

Instructions

1. Right-click your header HTML Web page. Click "Open With," then click your HTML editor to view the header code.

2. Scroll down the page to where you have the gap you want to fill. Add the following code to the space to insert a div tag within the gap:

   <div id="gapfiller" width="100%"> </div>

   The "width" setting fills the gap fully because it is set to "100%" of the space.

3. Add your image or content to the div tag. For instance the following code fills the gap with an image named "myimage.png":

   <img src="myimage.png">

References

• W3 Schools: HTML <div> Tag