Adjusting Width

• 1). Go to the HEAD tag of the HTML file you're modifying.
  
  
• 2). Check the dimensions of your DIV and any elements within the DIV you're formatting. The code might be similar to:
  
  <style type="text/css">
  
  <!--
  
  #myContainer {
  
  float:left;
  
  background-color:yellow;
  
  width:500px;
  
  height:40px;
  
  }
  
  .myImage {
  
  float:left;
  
  width:500px;
  
  height:30px;
  
  padding:5px;
  
  }
  
  -->
  
  </style>
  
  
• 3). Modify the width or padding of the DIV's content, "myImage," to make it fit. The width of the DIV style (myContainer) and image style (myImage) were both set to 500 pixels in the previous step. The padding of "5px" in "myImage" reduces the amount of space available. To accommodate the image, change its width to 490 pixels to accommodate the padding on both sides, remove "padding:5px;" from "myImage," or increase the DIV's width to "510px;"
  
  

Removing Width

• 1). Go to the HEAD tag of the HTML file you're modifying.
  
  
• 2). Find the CSS code for the DIV you want to format. It might be similar to:
  
  <style type="text/css">
  
  <!--
  
  #myContainer {
  
  float:left;
  
  background-color:yellow;
  
  width:500px;
  
  height:40px;
  
  }
  
  .myImage {
  
  float:left;
  
  width:500px;
  
  height:30px;
  
  padding:5px;
  
  }
  
  -->
  
  </style>
  
  
• 3). Remove the width for the DIV so its code is similar to:
  
  <style type="text/css">
  
  <!--
  
  #myContainer {
  
  float:left;
  
  background-color:yellow;
  
  height:40px;
  
  }
  
  .myImage {
  
  float:left;
  
  width:500px;
  
  height:30px;
  
  padding:5px;
  
  }
  
  -->
  
  </style>