I'm trying to clean up my code HTML5 and CSS3 and I get this error when I check it with W3C Validator
Error Line 153, Column 43: Duplicate ID bullet_format.
<div class="redbullets" id="bullet_format">✉
Warning Line 140, Column 43: The first occurrence of ID bullet_format was here.
<div class="redbullets" id="bullet_format">
Not sure how to solve this problem. Any help would be great. Thanks
nomad
HTML5 Code
Expand|Select|Wrap|Line Numbers
- About Us</strong> - Overview</h2>
- <p><span class="main_text_bold">Light Laboratory Inc.</span> Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet dolore magna aliquam erat volutpat. Ut wisi enim ad minim veniam, quis nostrud exerci tation ullamcorper suscipit lobortis nisl ut aliquip ex ea commodo consequat. Duis autem vel eum iriure dolor in hendrerit in vulputate velit esse molestie consequat</p>
- <div class="redbullets" id="bullet_format">
- <ul>
- <li>Ut wisi enim ad minim veniam, quis nostrud exerci tation</li>
- <li>Duis autem vel eum iriure dolor in hendrerit in vulputate velit esse molestie<br>
- </li>
- </ul>
- </div>
- <p class="main_text_bold">More than just a test lab. </p>
- <p> TRE aliquip ex ea commodo consequat. Duis autem vel eum iriure dolor in hendrerit in vulputate velit esse molestie consequat, vel illum dolore eu feugiat nulla facilisis at vero eros et accumsan et iusto odio dignissim qui blandit praesent luptatum zzril delenit augue duis dolore te feugait nulla facilisi. </p>
- <div class="redbullets" id="bullet_format">
- <ul>
- <li>Lvel illum dolore eu feugiat nulla facilisis at</li>
- <li>Duis autem vel eum iriure dolor in hendrerit in
- </li>
- </ul>
- </div>
Expand|Select|Wrap|Line Numbers
- /*********************format bullet***************************/
- #bullet_format {
- width: 735px;
- margin-top: 20px;
- padding-top: 2px;
- padding-left: 15px;
- }
- #bullet_format_services {
- width: 400px;
- margin-top: 1px;
- padding-top: 5px;
- padding-left: 15px;
- }
- /*********************red bullet***************************/
- .redbullets{
- font-family:Verdana, Geneva, sans-serif;
- font-size:12px;
- line-height: 20px;
- margin-top: 5px;
- margin-left: 5px;
- width: auto;
- padding-left: 5px;
- }
- .redbulletsbold{
- font-family:Verdana, Geneva, sans-serif;
- font-size:12px;
- font-weight: bold;
- line-height: 18px;
- }
- .redbullets ul{list-style-image:url(../images/bullet_red.gif);
- margin-left: 10px;
- margin-top: 10px;
- }
- .redbullets a{ font-family:Verdana, Geneva, sans-serif;text-decoration:none; color:#0067a4; }
- .redbullets a:hover{font-family:Verdana, Geneva, sans-serif;text-decoration:none; color:#333; }