2016-10-29 9 views
-1

「取引デスク」という最後の単語と「プロダクションサポートの背景を持つ」最初の箇条書きポイントの間のスペースを取り除こうとしています。はい、私はそこにブレークタグがあることを知っています - しかし、ブレークタグがない場合でも、スペースが残っています。中断タグなしの何らかの理由で、スパンタグはイタリック体ではありません。ulリストの前のHTMLスペース

#title span { 
 
    font-size: 1.2em; 
 
} 
 
ul.bullet { 
 
    list-style-type: disc; 
 
} 
 
ul.subbullet { 
 
    list-style-type: circle; 
 
} 
 
span.bold { 
 
    font-weight: bold; 
 
} 
 
span.italic { 
 
    font-style: italic; 
 
}
<p><span class="bold">UBS</span> 1285 Ave of Americas New York, New York 10006 07/14 - 05/16 
 
    <br /> 
 
    <span class="bold">Trade Support Specialist</span><span class="italic"> Front office trade support for Cash Equities and Option trading desks.</span> 
 
    <br /> 
 
    <ul> 
 
     <li> With a backgournd in Production Support and experience in Linux System Engineering, provide comprehensive Front Line Application support to Floor Traders.</li> 
 
     <li> Responsible for the maintenance, monitoring and permissioning of Order Entry, Vol discovery, Quoting and Hedging Applications. Provide Application Support for Middle Office jBoss and Tomcat Position Keeping Applicatons. Provide Applicaiton Support 
 
      for clearing applications which rely on Oracle and Sybase Databases </li>

+0

すみませんが、私は完全にはない理解しますが、追加しようとしない理由だけで推測、「表示:ブロック;」その範囲に "margin-bottom:10px;"を追加しますまたはあなたが望むどんな値でも。 –

+0

あなたのマークアップとCSSはどちらも完全ではないため、これは困難です。しかし、もし私が推測しなければならなかったのは、あなたが 'ul'要素に自動的に適用されるブラウザスタイルとの戦いであると言います(例えば、Chromeは上と下のマージンを与えます)。最初のCSSが適用されたときに[CSS Reset](http://cssreset.com/what-is-a-css-reset/)を試してみてください。この問題は解決すると思いますが(他のアイテムがあるかもしれませんが次にスタイルを変更する必要があります) –

+1

...サイドノート - 'ul'は' p'の内側にネストできません – AA2992

答えて

1

あなたのpulタグのmargin:auto(ただし、私は、これらの特定のタグとスタイリングにIDを追加することをお勧めします)

CSSルール

ul,p{ 
margin:auto; 
} 

を使用することができます下の抜粋なしのスニペットタグとマージン:自動ルール

#title span { 
 
font-size: 1.2em; 
 
} 
 
ul.bullet { 
 
list-style-type: disc;} 
 
} 
 
ul.subbullet{ 
 
list-style-type: circle; 
 
} 
 
span.bold { 
 
font-weight: bold; 
 
} 
 
span.italic { 
 
font-style: italic ; 
 
} 
 
li:first:child{ 
 
padding:0px; 
 
} 
 
ul,p{ 
 
margin:auto; 
 
} 
 
</style>
<p> <span class="bold">UBS</span> 1285 Ave of Americas New York, New York 10006            07/14 - 05/16<br /> 
 
<span class="bold">Trade Support Specialist</span><span class="italic"> Front office trade support for Cash Equities and Option trading desks.</span> 
 
<ul> 
 
<li> With a backgournd in Production Support and experience in Linux System Engineering, provide comprehensive Front Line Application support to Floor Traders.</li> 
 
<li> Responsible for the maintenance, monitoring and permissioning of Order Entry, Vol discovery, Quoting and Hedging Applications. Provide Application Support for Middle Office jBoss and Tomcat Position Keeping Applicatons. Provide Applicaiton Support for clearing applications which rely on Oracle and Sybase Databases </li>

+0

p + ul { margin-top:-10px; }私はこれで遊んでいます - しかし、あなたはよかったですよね。 – capser

+0

これはpタグを置くすべてのulタグをターゲットにします...両方のpタグとulタグはそのマージンを必要とします:場合 – repzero