To align left (50%):
style="width: 50%; text-align: left; (this will align it for IE) margin: 0 auto 0 0; (this will align it left for Mozilla)"
To align right (50%):
style="width: 50%; text-align: right; (this will align it for IE) margin: 0 0 0 auto; (this will align it right for Mozilla)"
To align center (50%) dotted HR:
style="border: none 0; border-top: 1px dashed #c00; (the border) width: 50%; text-align: center; height: 1px; (whatever the total width of the border-top and border-bottom equal)
To align left (80%) two-tone line (two colors) (this also added a left margin):
style="border: none 0; border-top: 5px solid #d6def7; border-bottom: 5px solid #274a68; width: 80%; height: 10px; margin: 10px auto 0 0; text-align: left;"
Figure them out!
style="border: none 0; border-top: 4px dotted #FFFFFF; border-bottom: 4px solid #ffffcc; width: 80%; height: 8px; margin: 10px auto 0 0; text-align: left;"
style="border: none 0; border-top: 2px dashed #FFFFFF; border-bottom: 3px dashed #ccc; width: 80%; height: 5px; margin: 10px auto 0 0; text-align: left;"
style="border: none 0; border-top: 3px double #c00; width: 80%; height: 3px; margin: 10px auto 0 0; text-align: left;"
style="border: 3px inset #ffffcc; width: 80%; height: 6px; margin: 10px auto 0 0; text-align: left;"
style="border: 3px ridge #ffffcc; width: 80%; height: 6px; margin: 10px auto 0 0; text-align: left;"
Post a Comment