i know pretty specific can't seem find answer. know ie has problems interpreting sizes of boxes in layout i'm not sure if has problem.
basically text on page wont fill available space though parent element allow text on 1 line.
this css controls parent element , links respectively
#threecol { clear: both; float: left; margin-top: 18px; width: 100%; margin-bottom: 10px; } #threecol .col { background: #edf1f7; color: white; float: left; margin-right: 1px; width: 316px; height: 320px; } #threecol .col.last { margin-right: 0px; } #threecol .col .hl { background: #0f2b6b; color: white; display: block; font-size: 1.5em; padding: 20px; text-align: justify; } #threecol .col .cl { background: #e6ebf2; color: #0f2b6b; font-size: 1.1em; line-height: 1.2em; padding: 20px; } #threecol .col .cl { background: rgba(15, 43, 107, 0.1); clear: both; color: #0f2b6b; float: left; font-size: 0.85em; margin-bottom: 3px; padding: 4px 0px 4px 15px; } #threecol .col .cl a:hover { text-decoration: none; background: rgba(15, 43, 107, 0.8); color: white; }
html
<div class="col last"> <div class="hl">schools & teachers</div> <div class="cl"> educational downloads <br> <a href="materials/schools-resource-pack.pdf">» schools resource pack</a> <br> <a href="http://www.liberty-human-rights.org.uk/materials/human-rights-act-poster-february-2010.pdf">» human rights act poster</a> <br> <a href="http://www.liberty-human-rights.org.uk/materials/new-guide-to-campaigning.pdf">» liberty guide campaigning</a> <br> </div> </div>
the code posted doesn't show problem mentioned in question
actually, expected, because default - text wraps.
however if want use brute force can add white-space: pre-wrap
your
#threecol .col .cl a
class.
Comments
Post a Comment