css - Internet Explorer: make text fill space -


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.

enter image description here

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 &amp; 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

fiddle

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