HTML を使用した箇条書きリストがあり、文が 2 行になる場合は単語を並べて表示したいと考えています。テキストが 2 行目に移動すると、箇条書きに揃えられます。本文に合わせたいと思います。
これが私が意味することです:
そして、ここに私が使用しているコードがあります:
HTML を使用した箇条書きリストがあり、文が 2 行になる場合は単語を並べて表示したいと考えています。テキストが 2 行目に移動すると、箇条書きに揃えられます。本文に合わせたいと思います。
これが私が意味することです:
そして、ここに私が使用しているコードがあります:
divは必要ありません。のスタイルを設定する必要がありますul
。そのようです:
ul.out{
list-style:disc outside none;
}
すべてのLIタグを閉じるのを忘れました。
これの代わりに:
<LI>
<DIV align=justify><SPAN style="FONT-SIZE: 14pt"><SPAN style="FONT-FAMILY: Times New Roman; FONT-SIZE: 14pt">Event will be held from 10am - 5pm Bring Your Dog With</SPAN></SPAN> </DIV>
<LI>
<DIV align=justify><SPAN style="FONT-SIZE: 14pt"><SPAN style="FONT-FAMILY: Times New Roman; FONT-SIZE: 14pt">$8 Entrance Fee (print out your flyer that you received and bring it with you to support your favorite Rescue (kids under 12 are FREE) $5 of you entrance fee will go to that dog rescue or organization</SPAN></SPAN> </DIV>
これで行く:
<LI>
<DIV align=justify><SPAN style="FONT-SIZE: 14pt"><SPAN style="FONT-FAMILY: Times New Roman; FONT-SIZE: 14pt">Event will be held from 10am - 5pm Bring Your Dog With</SPAN></SPAN> </DIV>
</LI>
<LI>
<DIV align=justify><SPAN style="FONT-SIZE: 14pt"><SPAN style="FONT-FAMILY: Times New Roman; FONT-SIZE: 14pt">$8 Entrance Fee (print out your flyer that you received and bring it with you to support your favorite Rescue (kids under 12 are FREE) $5 of you entrance fee will go to that dog rescue or organization</SPAN></SPAN> </DIV>
</LI>
また、タグは小文字に保つようにしてください。
よくわかりませんが、お勧めだと思います。
次の行に割り込むのではなく、行がちょうど続くことを確認するには、次のように設定してみてください。
ul {
overflow: auto;
}
あなたのCSSで
あなたのコードは恐ろしいです!すべてのリスト項目に同様のスタイルが必要な場合は、それらすべてに一般的なスタイルシートを使用してください! 内側の div と span の理由はありません!
<style type="text/css">
li {
font-size: 14pt;
font-family: "Times New Roman", sans-serif;
}
</style>
<ul>
<li> event will be held from 10am - 5pm bring your dog with</li>
<li> $8 entrance fee (print out your flyer that you received and bring it with you to support your favorite rescue
</li>
(kids under 12 are free) $5 of you entrance fee will go to that dog rescue or organization </li>
<li> must bring current vaccination paperwork, no exceptions, dogs will not be allowed in without this paperwork
</li>
<li> no firearms, alcoholic beverages, outside food or drink, coolers or glass containers</li>
<li> bags will be checked prior to entrance</li>
<li> event will be photographed & videotaped</li>
<li> all dogs must have rabies tags attached to collars</li>
<li> collars must be worn at all times, no metal collars of any kind allowed</li>
<li> owners/handlers are legally responsible for the behavior/actions of their dogs</li>
<li> only 1 dog allowed per adult handler</li>
<li> dogs must be healthy, fully immunized, de-wormed, & wearing id tags</li>
<li> female dogs in heat are not permitted</li>
<li> dogs must be leashed at all times unless in dog play area, owners must watch their dog in this area at all
times
</li>
<li> owners must immediately clean up after their dogs, with a paper or plastic bag</li>
<li> aggressive dogs will be asked to leave</li>
<li> muzzled dogs not allowed</li>
<li> owners must keep their dogs under control at all times</li>
<li> children must be closely supervised</li>
<li> please dispose of cigarette butts in proper areas, smoking not allowed in any building</li>
<li> people who do not follow the rules will be asked to leave immediately</li>
</ul>
コードの最後が少し間違っています。<\li>
の前に閉じる必要があります<\ul>
。その逆ではありません。これを試して:
<TABLE style="BORDER-COLLAPSE: collapse; MARGIN-RIGHT: 8px">
<TBODY>
<TR>
<TD>
<UL>
<LI>
<DIV align=justify><SPAN style="FONT-SIZE: 14pt"><SPAN style="FONT-FAMILY: Times New Roman; FONT-SIZE: 14pt">Event will be held from 10am - 5pm Bring Your Dog With</SPAN></SPAN> </DIV>
<LI>
<DIV align=justify><SPAN style="FONT-SIZE: 14pt"><SPAN style="FONT-FAMILY: Times New Roman; FONT-SIZE: 14pt">$8 Entrance Fee (print out your flyer that you received and bring it with you to support your favorite Rescue (kids under 12 are FREE) $5 of you entrance fee will go to that dog rescue or organization</SPAN></SPAN> </DIV>
<LI>
<DIV align=justify><SPAN style="FONT-SIZE: 14pt"><SPAN style="FONT-FAMILY: Times New Roman; FONT-SIZE: 14pt">MUST bring Current Vaccination Paperwork, NO EXCEPTIONS, dogs will not be allowed in without this paperwork</SPAN></SPAN></DIV>
<LI>
<DIV align=justify><SPAN style="FONT-SIZE: 14pt"><SPAN style="FONT-FAMILY: Times New Roman; FONT-SIZE: 14pt">No firearms, alcoholic beverages, outside food or drink, coolers or glass containers</SPAN></SPAN></DIV>
<LI>
<DIV align=justify><SPAN style="FONT-SIZE: 14pt"><SPAN style="FONT-FAMILY: Times New Roman; FONT-SIZE: 14pt">Bags will be checked prior to entrance</SPAN></SPAN></DIV>
<LI>
<DIV align=justify><SPAN style="FONT-SIZE: 14pt"><SPAN style="FONT-FAMILY: Times New Roman; FONT-SIZE: 14pt">Event will be photographed & videotaped</SPAN></SPAN></DIV>
<LI>
<DIV align=justify><SPAN style="FONT-SIZE: 14pt"><SPAN style="FONT-FAMILY: Times New Roman; FONT-SIZE: 14pt">All dogs MUST have rabies tags attached to collars</SPAN></SPAN></DIV>
<LI>
<DIV align=justify><SPAN style="FONT-SIZE: 14pt"><SPAN style="FONT-FAMILY: Times New Roman; FONT-SIZE: 14pt">Collars MUST be worn at all times, NO METAL COLLARS of any kind allowed</SPAN></SPAN></DIV>
<LI>
<DIV align=justify><SPAN style="FONT-SIZE: 14pt"><SPAN style="FONT-FAMILY: Times New Roman; FONT-SIZE: 14pt">Owners/Handlers are legally responsible for the behavior/actions of their dogs</SPAN></SPAN></DIV>
<LI>
<DIV align=justify><SPAN style="FONT-SIZE: 14pt"><SPAN style="FONT-FAMILY: Times New Roman; FONT-SIZE: 14pt">Only 1 dog allowed per adult handler</SPAN></SPAN></DIV>
<LI>
<DIV align=justify><SPAN style="FONT-SIZE: 14pt"><SPAN style="FONT-FAMILY: Times New Roman; FONT-SIZE: 14pt">Dogs must be healthy, fully immunized, de-wormed, & wearing ID tags</SPAN></SPAN></DIV>
<LI>
<DIV align=justify><SPAN style="FONT-SIZE: 14pt"><SPAN style="FONT-FAMILY: Times New Roman; FONT-SIZE: 14pt">Female dogs in heat are NOT permitted</SPAN> </SPAN></DIV>
<LI>
<DIV align=justify><SPAN style="FONT-SIZE: 14pt"><SPAN style="FONT-FAMILY: Times New Roman; FONT-SIZE: 14pt">Dogs MUST be leashed at all times unless in dog play area, owners must watch their dog in this area at all times</SPAN></SPAN> </DIV>
<LI>
<DIV align=justify><SPAN style="FONT-SIZE: 14pt"><SPAN style="FONT-FAMILY: Times New Roman; FONT-SIZE: 14pt">Owners MUST IMMEDIATELY clean up after their dogs, with a paper or plastic bag</SPAN> </SPAN></DIV>
<LI>
<DIV align=justify><SPAN style="FONT-SIZE: 14pt"><SPAN style="FONT-FAMILY: Times New Roman; FONT-SIZE: 14pt">AGGRESSIVE dogs will be asked to leave</SPAN> </SPAN></DIV>
<LI>
<DIV align=justify><SPAN style="FONT-SIZE: 14pt"><SPAN style="FONT-FAMILY: Times New Roman; FONT-SIZE: 14pt">MUZZLED dogs NOT allowed</SPAN> </SPAN></DIV>
<LI>
<DIV align=justify><SPAN style="FONT-SIZE: 14pt"><SPAN style="FONT-FAMILY: Times New Roman; FONT-SIZE: 14pt">Owners MUST keep their dogs under control at all times</SPAN> </SPAN></DIV>
<LI>
<DIV align=justify><SPAN style="FONT-SIZE: 14pt"><SPAN style="FONT-FAMILY: Times New Roman; FONT-SIZE: 14pt">Children MUST be closely supervised</SPAN></SPAN> </DIV>
<LI>
<DIV align=justify><SPAN style="FONT-SIZE: 14pt"><SPAN style="FONT-FAMILY: Times New Roman; FONT-SIZE: 14pt">Please dispose of cigarette butts in proper areas, smoking not allowed in any building</SPAN> </SPAN></DIV>
<LI>
<DIV align=justify><SPAN style="FONT-FAMILY: Times New Roman; FONT-SIZE: 14pt">People who do not follow the rules will be asked to leave immediately</SPAN> </DIV>
</LI></UL></TD></TR></TBODY></TABLE></DIV>