İçeriği Taşırmayan Div?

arkadaşlar merhaba. bir sorunum var, div içerisine eklediğim içerik taşınca yazılar sağa doğru uzuyor gidiyor. bunu nasıl düzeltebiliriz? ben istiyorum ki div içine yazığım yazı div'in boyutuna göre aşağı alınsın. yani div in genişliği 400 px ise, yazının 400px i geçen kısımı aşağıya alınsın. bi çözümü var mı?

width:400px;
	height:400px;

Div e üst taraftaki kodları ekleyebilirsin.

<div style="width: 400px;">kodlar</div>

Energy Height yükseklik sadece width yeter

Height yükseklik olduğunu ben de biliyorum iki kere 400px yazınca arkadaş yükseklik ve genişlik istiyor zannetim. Ayrıca Div içerisin de style yerine ayrı bir css dosyası kullanmak çok daha iyidir ve W3'ün önerdiği bir biçimdir.

dediğiniz gibi yaptım zaten. ancak sorun şu uzun bir kelime olduğunda mesela aaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaa aaaaaaaaaaaaaaaaaaaaaaaaaaaa yazdığımda tablo dışına taşıyor. ama arada boşluk varsa aşağı atıyor. bunun bi çözümü var mı diye sormuştum da tam anlatamadım ilk postta özür dilerim.

Statik bir sayfa ise <br/> ile halledebilirsin , kestirme bir yol.

Uzun kelimelerin otomatik olarak kesilip bir alt satıra inmesini HTML & CSS ile sağlayamazsınız.
Ya bir PHP fonksiyonu ile belirli bir karakter sayısına kadar uzun olmasına izin verecek, fazlasını kesmesini isteyeceksiniz ya da genişlik - yükseklik değerleri atayıp overflow: hidden ile genişliğe veya yüksekliğe sığmayan, taşan kısımların gizlenmesini ağlayacaksınız.

Örnek:

<div style="width: 500px; height: 200px; overflow: hidden; border: 1px solid #000;">
    Lorem Ipsum is simply dummy text of the printing and typesetting industry. 1<br />
    LoremIpsumissimplydummytextoftheprintingandtypesettingindustry.LoremIpsumissimplydummytextoftheprintingandtypesettingindustry.<br />
    Lorem Ipsum is simply dummy text of the printing and typesetting industry. 3 <br />
    Lorem Ipsum is simply dummy text of the printing and typesetting industry. 4<br />
    Lorem Ipsum is simply dummy text of the printing and typesetting industry. 5<br />
    Lorem Ipsum is simply dummy text of the printing and typesetting industry. 6<br />
    Lorem Ipsum is simply dummy text of the printing and typesetting industry. 7<br />
    Lorem Ipsum is simply dummy text of the printing and typesetting industry. 8<br />
    Lorem Ipsum is simply dummy text of the printing and typesetting industry. 9<br />
    Lorem Ipsum is simply dummy text of the printing and typesetting industry. 10<br />
    Lorem Ipsum is simply dummy text of the printing and typesetting industry. 11<br />
    Lorem Ipsum is simply dummy text of the printing and typesetting industry. 12<br />
</div>

hayır mümkün;

word-wrap: break-word;

bu css kodu düzeltiyor div taşma sorununu