css - 固定マージンとパーセンテージ幅のセンター ラップ。これは可能ですか？

Question

流動的なサイトでは、コンテンツを中央に配置するために Wrap を使用しています。その CSS は次のとおりです。

#Wrap {
  margin: 0 auto;
  width: 90%;
}

流体ラップを中央に配置することはできますが、余白はピクセル単位で固定できますか?

ありがとう、ミゲル

Answer 1

これはあなたが探しているものですか？

text-align:center;親要素とdisplay:inline-block;子要素に適用する

フィドル

<div class="outer" >
    <div id="Wrap"></div>
</div>

CSS

.outer
{   
    background:yellow;
    text-align:center;
    width: 100%;
    height: 100%;
}
#Wrap {
  margin: 15px;
  width: 90%;
    height: 100px;
  background:pink;
  display:inline-block;

}