Znacznik <div> i rozjeżdzające się elementy

0

Mam taki problem mam znaczniki

które wyglądają tak</p>
    <div id=rodzic>
    <div id=formularz1>Tytuł projektu</div>
    <div id=formularz2>
    <textarea name=tytul cols=100 rows=1></textarea>
    </div>
    <div id=formularz1>Treść projektu</div>
    <div id=formularz2><textarea name=tresc cols=100 rows=5></textarea></div>
    <div id=formularz1>W jakim języku programowanie piszesz projekt</div>
    <div id=formularz2><select name=jezyk>
    <option value=></option> 
     <option value=tekst>tekst</option>
</select></div>
    <div id=formularz1>Inny język programowania jaki ?</div>
    <div id=formularz2><input type=text name=jezyk2></div>
    </div>
    <div id=formularz3><input type=submit value="Dodaj projekt"></div>
    </div>

I w stylach css to się reprezentuje tak

#formularz1 {
    margin: auto;
    width: 40%;
    float: left;
    overflow: hidden;
    color: 061555;
    word-wrap:break-word;
}

#formularz2 {
    margin: auto;
    width: 50%;
    float: left;
    overflow: hidden;
    text-align: center;
    word-wrap: break-word;
}
#formularz3 {
    margin: auto;
    width: 100%;
    float: left;
    overflow: hidden;
    text-align: center;
}
#rejestracja {
    margin: auto;
    width: 100%;
    color: red;
    float: left;
    overflow: hidden;
    text-align: center;
}
#rodzic {
  width: 600px;
  word-wrap:break-word;
  position: relative;
}

To jest tak ustawione, że

formularz1 i formularz2 są w jednej lini, a nastepne są już w drugiej lini, a problem jest w tym, że jak zaczyna się napis "W jakim języku programowanie piszesz projekt" to już w tej samej lini zaczyna się już następny znacznik a mianowicie ten w którym występuje ten napis "Inny język programowania jaki ?" i moje pytanie jest takie jak to zrobić, żeby nawet wiersze, które zaczynają się od długiego napisu znajdowały się w nowych wierszach.</p>
2

Mam wrażenie, że już kiedyś zwracałem Ci uwagę na to, że ID jest unikalne!! to znaczy DWA ELEMENTY NIE MOGĄ MIEĆ TEGO SAMEGO ID.
Poczytaj co to klasa css (atrybut class).

Co do samego problemu - za dużo żeby wyjaśniać, skupiłbym się na tym, że raczej niezbyt dobrze się za to bierzesz. Jeżeli nie chcesz tego robić w tabeli (a takie formularze najłatwiej jednak załatwić tabelą) to zrób sobie tak:

  • każdy wiersz jest osobnym divem
  • w nim masz dwa podelementy - jeden na nagłówek, drugi na pole formularza

wtedy się nie rozjedzie

a zamiast float bym się pokusił o display: inline-block;

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