li ul li quá dài, dòng kết thúc tốt đẹp nhưng không có sự chú ý

Question

Tôi có một danh sách HTML không theo thứ tự (ul). Nếu từ thứ hai quá dài dòng tự động kết thúc nhưng văn bản tràn không thụt lề. Bất kỳ ý tưởng nào để giải quyết điều đó?

Đây là ví dụ: http://tinyurl.com/yk32ek6 Sau đó "Leistungen" và sau đó nhấp vào KINDERZAHNHEILKUNDE. Bây giờ bạn thấy những gì tôi có ý nghĩa.

Có thể là do css, không biết về điều đó.

Answer 1

Thay thụt lề của bạn với đệm

padding-left: 2em; 
text-indent: -2em; 

Nên làm các trick

Answer 2

Điều này xảy ra vì từ Dự phòng trong der Schwangerschaft quá dài để vừa với thanh bên đó. Bạn cần phải tăng chiều rộng của thanh bên chứa danh sách của bạn.

Giải pháp duy nhất khác là giảm kích thước phông chữ sao cho ngay cả những từ như trên được hiển thị theo chiều rộng của thanh bên.

EDIT Vui lòng cho tôi biết nếu câu trả lời của tôi là chính xác hay không vì tôi có một số niềm tin về lý do đó mặc dù ai đó đã đánh dấu tôi; vì vậy xin vui lòng cho tôi biết nếu tôi sai bằng cách dùng thử. nhờ

Answer 3

thêm CSS này:

ul { 
    list-style-position: outside; 
} 

Ví dụ ở đây: http://jsbin.com/emeda/

Answer 4

Đối với danh sách và ra lệnh cho tôi đa dòng thụt lề, tôi đã theo dõi bên dưới css

.surveyorderedlist{ 
     ol{ 
      list-style-position: outside; 
     } 
     li{ 
      margin-bottom:5px; 
      margin-left:40px; 
      padding-left:8px; 
     } 
    } 

và sau đó html của bạn nên được

<div class="surveyorderedlist"> 
      <span><b>Conditions imposed</b></span> 
      <ol> 
       <li>Names and addresses are accessed only by the Financial Service Provider on its own behalf, and solely for its own use;</li> 
       <li>Names and addresses may only be accessed for a specified purpose;</li> 
       <li>The fees charged for the provision of the names and addresses from the Motor Vehicle Register (MVR) are duly paid;</li> 
       <li>Any instances of unauthorised access must immediately be notified to the Secretary for Transport and the Privacy Commissioner; </li> 
      </ol> 
</div>