مشکل با inline-block

[NIMA_1981]

سلام دستان

من میخوام کل متن داخل یک div قرار بگیره اما نمیشه میشه بگید مشکل از کجاست




<style>
ul#display-inline-block-example,
ul#display-inline-block-example li {
/* Setting a common base */
margin: 0;
padding: 0;
}

ul#display-inline-block-example li {
display: inline-block;
width: 100px;
min-height: 300px;
background: #ccc;
vertical-align: top;
}
</style>

<ul id="display-inline-block-example">

<li>dfgdfgdfgggggggggggggggggggggggggggggggggggggggggg gggggggggggggggggggggggggggggggggggggggggggggggggg gggggggggggggggggggggggggggggggggggggggggggggggggg ggggggdfgdfgdfgggggggggggggggggggggggggggggggggggg gggggggggggggggggggggggggggggggggggggggggggggggggg gggggggggggggggggggggggggggggggggggggggggggggggggg ggggggggggggdfgdfgdfgggggggggggggggggggggggggggggg gggggggggggggggggggggggggggggggggggggggggggggggggg gggggggggggggggggggggggggggggggggggggggggggggggggg gggggggggggggggggg</li>
</ul>
108837
با تشکر

[parvizwpf]

متن رو داخل تگ p قرار بدید. متن رو اینطور وارد نکنید چون بین کلمات فاصله هست شما هم فاصله بگذارید.متن داخل اون li آیا میخواید در یک خط باشه یا li های بعدی زیر هم میان؟

[asghar2008]

سلام
اگه میخواین عرض li برابر با نوشته باشه اونجایی که width:100px قراردادیو مقدارشو عوض کن و width:auto قرار بده.

یا

اگه میخواین نوشته از div بیرون نره و به خطوط بعدی شکسته شه از Word-wrap استفاده کن.

نحوه استفاده:


word-wrap:break-word;

[NIMA_1981]

من متن را داخل p , span , pre همه این ها قرار دادم اما باز کار نمیکنه من میخوام متن داخل یک div قرار بگیره مثلا همون کادر خاکستری رنگ

[NIMA_1981]

مرسی دوستان با این که گفتید مشکل حل شد word-wrap:break-word;