行からスペースを削除する

-1

私は以下のHtml/cssを書いています。私は "こんにちは"の周りの空白を取り除く方法を見つけることができません。私はまた、両方の画面を中心にしたいと考えています（「こんにちは」&「世界」 - 左揃え） - しかし、こんにちはの周りの白いスペースは、私の頭の中に何が入っているのですか？

すべての手がかりをいただければ幸いです。

<div class="row" style="border:solid 1px green;padding:0px;margin:0px;"> 
 
    <div class="col-lg-3 col-lg-offset-2 gauche" style="text-align:left;border:solid 1px red;width:120px;"> 
 
    <span style="font-size:14px;height:20px;border:solid 1px red;height:100px;">hello</span> 
 
    </div> 
 

 
    <div class="col-lg-5" style="vertical-align:middle;"> 
 
    <span style="font-size:14px;height:20px;border:solid 1px red;height:100px;">World</span> 
 
    </div> 
 
</div>

出典

2017-01-23 user1203996

あなたは[MCVE]の情報を持つように、そのスペースを引き起こして何があってはならない提供を作成することができます。どのフレームワークを使用していますか？ – Pete

複製できません - http://codepen.io/Paulie-D/pen/jywNZy –

なぜ2倍の高さを指定するのか：20px、100px 'height：20px; border：solid 1px red; height：100px;'両方ともhelloスパンと世界のスパン？また、コードスニペットを実行すると、Helloの周りに空白がありません！あなたのブラウザは何ですか？ –

-1

これを試してみてください：

body { 
 
    text-align: center; 
 
} 
 
      
 
body * { 
 
    text-align: left; 
 
} 
 
      
 
.row { 
 
    margin: auto; 
 
    position: absolute; 
 
    top: 50%; 
 
    margin-top: -20px; 
 
}

<!DOCTYPE html> 
 
<html lang="en"> 
 
<body> 
 
    <div class="row" style="border:solid 1px green;display: inline-block;"> 
 
     <div class="col-lg-3 col-lg-offset-2 gauche" style="text-align:left;border:solid 1px red;display:inline-block;"> 
 
      <span style="font-size:14px;height:20px;border:solid 1px red;height:100px;">hello</span> 
 
     </div> 
 
    
 
     <div class="col-lg-5" style="vertical-align:middle;"> 
 
      <span style="font-size:14px;height:20px;border:solid 1px red;height:100px;">World</span> 
 
     </div> 
 
    </div> 
 
</body> 
 
</html>

出典

2017-01-23 11:20:07 Lesotto

これは、こんにちは周りの空白をどのように削除しますか？ – Pete

私が提供したコードで参照する空白は、実際は空白です。それをコメントアウトすることで意味的に取り除くことができますが、異なるサイズの2つの単語を両側に並べることや、四角形以外の形に適合させるdiv境界を作ることはできません。 – Lesotto

P.S.私があなたに与えたコード全体を試してみましたか、またはインライン部分でHTMLをコピーしましたか？ – Lesotto

行からスペースを削除する

答えて

関連する問題