css - How to push text to the left (out of the box) and make it hidden? -
see top of http://www.joopvos.nl/acmplus/ (column) ... @ right line of text cropped wanted ... , @ left want same ... can done css?
html:
<h1 id="site-name">acm<span>+</span> acm<span>+</span> acm<span>+</span> acm<span>+</span> acm<span>+</span></h1>
css:
h1#site-name { padding: 16px 0 20px 0; font-size: 4em; line-height: 100%; font-family: 'museosans500','lucida grande', 'sans serif'; color: #dcdcdc; font-weight: normal; float: left; display: inline; background-color: transparent; text-transform: uppercase; white-space: pre; /* on 1 line! */ overflow: hidden; width: 700px;
}
text-indent: -1000px;
that'll pull off screen, left.
Comments
Post a Comment