Rozwijanie boxa wraz z wpisywanym tekstem

0

Witam,
chciałbym się dowiedzieć w jaki sposób w CSS utworzyć takie coś, że wraz z ilością tekstu w danym boxie on się będzie rozszerzał? Czego użyć?

0

Lepiej będzie w HTML zrobić textarea i ustawić przykładowo 10 wierszów.

1

display: inline-block;

Nie jestem do końca pewien, czy o to Ci chodziło, ale dodanie tego do stylu, np. div'a powinno sprawić, że szerokość box'a sama się dopasuje do content'u.
Przykładowy kod:
HTML:

<div id = "autowidth1">
  <b>Ten blok będzie pełenj szerokości</b>
  Tekstu powinno być tutaj wystarczająco, aby osiągnąć pełną szerokość. -> N0+ d4 j00r pHinD p4|271cu|4|2. +H@T j00r d159l4y3d, 5O 533, +IMe 0wN3R5 4rE d4, L1nk w17h n0n-3N9l1sh 1+ d3n. H7m| wh1(h m1-|-3 f0r 15, +H@T r1tez 5O w1t, 7h3 73x7 l1||k 4u70m471c4||y d@. L1kE w0RRy1N9 h1ghl1gh73d c@N 1T.
N0+ d4 j00r pHinD p4|271cu|4|2. +H@T j00r d159l4y3d, 5O 533, +IMe 0wN3R5 4rE d4, L1nk w17h n0n-3N9l1sh 1+ d3n. H7m| wh1(h m1-|-3 f0r 15, +H@T r1tez 5O w1t, 7h3 73x7 l1||k 4u70m471c4||y d@. L1kE w0RRy1N9 h1ghl1gh73d c@N 1T.
 </div>
<br />
<br />
<div id = "autowidth1">
  <b>Ten blok będzie niepełnej szerokości - zgodnie z rozmiarem contentu</b><br />
  Ponieważ zawartości (tekstu) nie jest na tyle, aby div osiagnał maksymalną szerokość.
  </div>

CSS:

#autowidth1{
  height: 50px;
  border: 1px solid black;
  display: inline-block;
}

Będzie to wyglądało mniej więcej tak:

2aabhom.jpg

dodanie obrazka do treści i załączników posta - @furious programming

1 użytkowników online, w tym zalogowanych: 0, gości: 1