Set style for DIV targeting id

  


?<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" dir="ltr" lang="en-US"
  xml:lang="en">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
<meta http-equiv="X-UA-Compatible" content="IE=EmulateIE7" />
<title></title>
<style rel="stylesheet" type="text/css">
#copyright {
    
  width: 1000px;
  text-align: center;
  float: left;
  padding: 104px 0 0 0;
}

#copyright span {
  padding: 0 57px;
}

#copyright a {
  color: #574621;
  text-decoration: underline
}

#copyright a:visited {
  text-decoration: underline
}

#copyright a:hover {
  text-decoration: none
}
</style>
</head>
<body>
    <div id="copyright">
      <span>Copyright &copy; Your Company</span>
      <span>&copy; Design by <a href="" target="_blank">Best Free Templates</a></span>
    </div>

  
</body>

</html>

Related examples in the same category

1.	id locator with #
2.	An ID should be unique within a document. If it is not, ID will match all elements with the same IDs.
3.	tagName#id: use id name plus tag name to mark a style
4.	To style one paragraph with an extra-large bottom margin of 40 pixels using #paragraph3{margin-bottom:40px;}.
5.	Combine the style from ID and class
6.	ID Rule Example

Set style for DIV targeting id : ID Selector « Style Basics « HTML / CSS

Related examples in the same category