When opening the page, it crosses the left and right

<style> A:link{font-size:12px;COLOR: #222222;TEXT-DECORATION: none;} A:visited{font-size:12px;COLOR: #222222;TEXT-DECORATION: none;} A:hover{font-size:12px;COLOR: red;TEXT-DECORATION: none;} A:active{font-size:12px;COLOR: #222222;TEXT-DECORATION: none;} .link1 A:link{font-size:12px;COLOR: #222222;TEXT-DECORATION: none;} .link1 A:visited{font-size:12px;COLOR: #222222;TEXT-DECORATION: none;} .link1 A:hover{font-size:12px;COLOR: blue;TEXT-DECORATION: none;} .link1 A:active{font-size:12px;COLOR: #222222;TEXT-DECORATION: none;} .link2 A:link{font-size:18px;COLOR: green;TEXT-DECORATION: underline ;} .link2 A:visited{font-size:18px;COLOR: green;TEXT-DECORATION: underline ;} .link2 A:hover{font-size:24px;COLOR: #000000;TEXT-DECORATION: none;} .link2 A:active{font-size:18px;COLOR: green;TEXT-DECORATION: underline ;} td A:link{font-size:18px;COLOR: red;TEXT-DECORATION: underline ;} td A:visited{font-size:18px;COLOR: red;TEXT-DECORATION: underline ;} td A:hover{font-size:18px;COLOR: green;TEXT-DECORATION: none;} td A:active{font-size:18px;COLOR: red;TEXT-DECORATION: underline ;} </style> <a href="###">链接一</a><br><br> <div class="link1"> <a href="###">链接二</a><br> <a href="###">链接二</a><br><br> </div> <TABLE border="1" width="320"> <TR> <TD class="link2"> <a href="###">链接三</a><br> <a href="###">链接三</a> </TD> </TR> </TABLE> <TABLE border="1"> <TR> <TD><a href="###">链接四</a></TD> </TR> </TABLE>