2016-11-30 5 views
0

こんにちは皆さん、おはよう、DIV内のテキストがDIV境界線に近すぎる

DIV内のテキストがDIV境界線に近すぎます。境界からテキストが少し離れているように、どうすればスペースを作成できますか?あなたは私のCSSを見つけることができますし、またそうあなたは私が何を言っているかを知るan example on my website見ることができます

はそんなに

ありがとうございます。ありがとうございました。

.text { 
    background-color: #F1F1F1; 
    width: 600px; 
    margin: auto; 
    border: 1px solid #73AD21; 
    padding-top: -50px; 
    padding-right: -60px; 
    padding-bottom: -50px; 
    padding-left: -20px; 
} 

pre { 
    white-space: pre-wrap;  /* Since CSS 2.1 */ 
    white-space: -moz-pre-wrap; /* Mozilla, since 1999 */ 
    white-space: -pre-wrap;  /* Opera 4-6 */ 
    white-space: -o-pre-wrap; /* Opera 7 */ 
    word-wrap: break-word;  /* Internet Explorer 5.5+ */ 
} 
+1

例を提供するために、Codepen.io、Jsfiddle.net、jsbin.comなどのコード共有ユーティリティを使用するか、StackOverflows組み込みエディタを使用してください。あなたの個人的なサイトへのリンクは、潜在的に広告収入を得るためにこの投稿を使用しているのでお勧めできません。 – ioneyed

+0

よくあなたは負の値にすることはできませんし、あなたのテキストにいくつかのパディングを設定することができないことを知っている必要がありますdiv – Anami

+0

なぜあなたのテキストは、 –

答えて

2

ちょうどpadding: 15px;を与えます。

.text { 
    background-color: #F1F1F1; 
    width: 600px; 
    margin: auto; 
    border: 1px solid #73AD21; 
    padding: 15px; 
    } 

希望通りにパッドを増やすことができます(つまり、padding: 20px)。

+0

ありがとうございます。パディング:3px;それは私のために十分だった。そうでなければ、15ピクセルを置くと、テキストはうまく見えますが、divはすべて右端まで伸びます。 –

0

divの内側に小さなパディングを追加してください。

関連する問題