Is text-indent: -9999px a bad technique for replacing text with images, and what are the alternatives?

A good reason not to use the -9999px method is that the browser has to draw a 9999px box for each element that this is applied to. Obviously, that potentially creates quite a performance hit, especially if you’re applying it to multiple elements. Alternative methods include this one (from zeldman.com): text-indent: 100%; white-space: nowrap; overflow: … Read more

Label text is wrapped but not indent second line

Something like this. .checkbox-field { display: flex; flex-direction: row; } <div class=”checkbox-field”> <input type=”checkbox” id=”check”> <label for=”check”>Field 2 Label, may be longer than normal, This is an example for this lorem lorem lorem lorem lorem lorem lorem lorem lorem lorem lorem</label> </div>