Ja raczej jestem lepszy w programowaniu w php niż w pisaniu kodu CSS, tak wiec napisałem taki kod CSS:
<!--
.glowne {
background: #C0C0C0;
font-family: tahoma, helvetica, arial, sans-serif;
width:100%;
}
.gora {
font-family: tahoma, helvetica, arial, sans-serif;
font-size: 18px;
font-weight: bold;
text-align: left;
border: 1px solid #FFFFFF;
}
.dol {
font-family: tahoma, helvetica, arial, sans-serif;
font-size: 12px;
font-weight: bold;
text-align: right;
border: 1px solid #FFFFFF;
}
.srodek_lewe {
font-family: tahoma, helvetica, arial, sans-serif;
font-size: 12px;
text-align: left;
width:30%;
border: 1px solid #FFFFFF;
float:left;
}
.srodek_prawe {
font-family: tahoma, helvetica, arial, sans-serif;
font-size: 12px;
text-align: left;
border: 1px solid #FFFFFF;
font-weight: bold;
}
-->
i mam taki kod:
<div class="gora">Informacje Osobiste
</div> <div class="srodek_lewe">Imię rzeczywiste
<br />as
</div> <div class="srodek_prawe"> Sebastian
</div>
<div class="srodek_lewe">Imię rzeczywiste2
</div> <div class="srodek_prawe"> Sebastian2
</div> <div class="dol"><a href="zmiana_danych.php"><b>Zmień
</b></a></div>
Wszystko pięknie działa do czasu gdy do na przykład "Imię rzeczywiste" zamienię na "Imię rzeczywiste<br />Drugie imię"
<div class="gora">Informacje Osobiste
</div> <div class="srodek_lewe">Imię rzeczywiste
<br />Drugie imię
</div> <div class="srodek_prawe"> Sebastian
</div>
<div class="srodek_lewe">Imię rzeczywiste2
</div> <div class="srodek_prawe"> Sebastian2
</div> <div class="dol"><a href="zmiana_danych.php"><b>Zmień
</b></a></div>
Jak zrobić, aby w danym div przechodziło do nowej linijki bez psucia tego wyglądu...