Placing Text Off-screen
Between the "------" below contains tex that is hidden from normal viewing. Please review the source code.
-------------------
Note that none of this text is displayed on the screen.
That means that this section of text could be used for assisted technologies (i.e., to help the blind) Or, this could be used to improve keyword density for search engine optimization.
However, anything done to deceive, will not rest favorably with the "powers that be". In other words, if you use this technique to improve your search engine ranking, then you may have you web site banned -- so be warned.
-------------------
For a more detailed explanation, please review Screenreader Visibility with respect to "Late Breaking Breakthrough."
All articles I have read thus far, have used the values of:
.off-left
{
position: absolute;
left: -999px;
width: 990px;
}
However, using a width of 900px on this web page still allows the hidden text to be visible IF the viewer has a monitor that's wide enough. For example, I have two 17 inch monitors working in tandem and I can expand my browser window large enough to see the off-set text.
You see, one has to accommodate for both the web page width AND the width of all possible monitors for this technique to work as expected. I have found that reducing the width to 500 px allowed the technique to work with no exposing problems.
This technique validates under both HTML 4.01 and CSS.
tedd...