0

css でのラッピングに問題があります。テキストが CMS から生成されているため、ここでは、span/other html メソッドを使用したソリューションは許可されていません...必要なもの -> http://i.imgur. com/JWd1X.png

2行目のIntouchablesは大丈夫です

ありがとう

http://jsfiddle.net/XGRwy/384/

ul { text-align:center; padding: 10px; border: 2px solid green}
li { margin: 10px 0 10px; display: inline-block; border-bottom: 2px solid red;}
li a {text-decoration:none; border-left: 2px solid orange; }

<ul style="width: 150px">
   <li>
      <a href="http://some">BEGIN........END somewordhere</a>
   </li>
   <li>
      <a href="http://some">Intouchables</a>
   </li>    
</ul>

</p>

4

1 に答える 1

0

私はファブリシオが提示した、あなたがこうあるべきだと言ったイメージから外れました。

左の境界線の呼び出しを削除して「li」に配置し、「li」の幅を 100% にしました。

ul { text-align:center; padding: 10px; border: 2px solid green; width: 150px; }
li { width: 100%; margin: 10px 0 10px; border-bottom: 2px solid red; border-left: 2px solid brown;}
li a {text-decoration:none;  }

これがjsFiddleの実例です。

于 2012-10-21T20:42:05.097 に答える