Přetékání textu a border – HTML / XHTML – Fórum – Programujte.com

 HTML kód:

<div class='clanky'>
        <div class='info'>
          <img class='info' src='avatar/anonym.jpg'><br />
          <span class='info1'>Jméno: spravce hodnost 4</span>
          <span class='info2'>Datum: 13.2.2014 17:52:55</span>
        </div>
        <span class='nadpis'>
          <strong>1011</strong>
        </span>
        <div class='obsahClanku'>

        dlouhy text
             
        </div>
      </div>

CSS:

div.clanky {
  width: 990px;
  min-height: 150px;
  height: auto;
  background-color: #404040;
  margin: 5px;  
  border-radius: 6px;
  padding-bottom: 3px;
    -webkit-border-radius: 6px;	
    -moz-border-radius: 6px;	
    -o-border-radius: 6px;
    -ms-border-radius: 6px;
}

Připojen obrázek.

Když vložím dlouhý text a překročím tím min-height tak se div sice roztáhne ale nebere v potaz border, na internetu to nemohu najít, snad někdo řešil podobný problém

"nebere v potaz border"

Co to znamena, co to ma delat, kdyz se div roztahne a co to dela? Pokud to neumis pres css, tak pouzij radeji tabulku nebo css tabulkovy layout. Lepsi, nez kdyz se ti layout pri kazde druhe prilezitosti rozsype.