1

このhttp://i.imgur.com/XesXy.pngからこのhttp://prntscr.com/o9hfhに変更したい 両側に余分なギャップを追加して、テキストをさらに絞り込むにはどうすればよいですか？基本的に、text-align：leftの方が好きなので、text-align：centerを使用せずにテキストを中央に配置したいのですが、左にすると、テキストは中央に配置されなくなります。

HTML

<body> <!-- start of the body-->
            <ul class="sidemenu">
                <li><a href="">About Us</a></li>
                <li><a href="">Contact Us</a></li>
                <li><a href="">FAQ</a></li>
                <li><a href="">How To Order</a></li>
                <li><a href="">Term And Agreement</a></li>
                <li><a href="">Shipping Information</a></li>
            </ul>
            <div id="about-us">

            <p><h2>About Us</h2>Lorem ipsum .<br />

Morbi in libero quis quam consequat malesuada..</p>
            </div>

            </body>

css：

#about-us {
margin: 10px auto;
background-color:#FFF;
height:800px;
width:710px;
left:125px;
position: relative;
padding:0em 0em;

}

#about-us p {
text-align:left;
padding-top: 20px;

}

body {
position:relative;
}

.sidemenu{
position:absolute;
background-color: #fff;
width:240px;
height:780px;
margin-top: 10px;
list-style:none;
text-align:left;
padding-top: 20px;


}

.sidemenu li a{
color:#222222;
padding: 0em 1em;
line-height: 2em;

}

4

6 に答える 6

1

多分試してみてくださいpadding

 #about-us p {
   padding: 0 2% (or px, ems if you prefer);
 }

marginまたは、同じように使用することもできます。

于 2013-01-06T01:06:29.543 に答える
1

左右のパディングを使用します。

そんな感じ：

#about-us p {
padding: 20px 20px 0  20px;
}
于 2013-01-06T01:07:16.690 に答える
1

それに応じて幅と高さをスライスしながら、＃about_usボックスにパディングを追加するだけです。 

#about_us {
           padding:20px 40px;
          }

pラベルの行の高さを構成します。

#about_us p {
       line-height:40px;
      }
于 2013-01-06T01:27:22.617 に答える
0

段落にパディングを使用して、側面の間隔を広げることができます。

#about-us p {
    padding: 0 40px;
}

これは次の省略形であることに注意してください。

#about-us p {
    padding-left: 40px;
    padding-right: 40px;
}
于 2013-01-06T01:05:30.783 に答える
0

を使用してテキストを一緒に絞ります

line-height:15px

単にマージンまたはパディングを使用して配置します

于 2013-01-06T01:10:05.640 に答える
0

h2タグ（またはそれに関するヘッダータグ）をpタグの中に入れないでください。

div＃about-usでパディングを叩きます

于 2014-07-25T09:44:21.407 に答える