0

Webサイト名を含む別のブロック内に自分の名前を入れようとしていますが、理解できません。何が使えますか?

私はそれの後に小さな拡張子で私のウェブサイト名を取得しようとしています、shichは動作します。しかし、その下にスペースを入れずに自分の名前を付けたいと思います。

<div id="sitename">
  <span id="address">website</span>
  <span id="extension">.blah</span>
  <span id="name">namegoeshere</span>
</div>

#sitename {
  width: 330px;
  margin: 35px auto 0 auto;
  text-align: center;
  cursor: default;
}

#address {
  display: inline-block;
  height: 65px;
  font-size: 50pt;
  font-weight: 800;
  color: rgb(99,99,99);
}

#extension {
  display: inline-block;
  height: 65px;
  font-size: 30pt;
  font-weight: 800;
  color: rgb(99,99,99)
}

#name {
  display: block;
  width: 72%; 
  text-align: right;
  font-size: 11.5pt;
  font-weight: 500;
  color: rgb(99,99,99);
}

フィドル: http: //jsfiddle.net/CX5Dn/

4

2 に答える 2

3

これはあなたが達成したいことです

html

<div id="sitename">
  <span id="address">website<span id="extension">.blah</span></span>
  <span id="name">namegoeshere</span>
</div>

css

#sitename {
  width: 330px;
  margin: 35px auto 0 auto;
  text-align: center;
  cursor: default;
}

#address {
  display: inline-block;
  height: 65px;
  font-size: 50pt;
  font-weight: 800;
  color: rgb(99,99,99);
}

#extension {
  display: inline-block;
  height: 65px;
  font-size: 30pt;
  font-weight: 800;
  color: rgb(99,99,99)
}

#name {
  display: block;
  width: 72%; 
  text-align: right;
  font-size: 11.5pt;
  font-weight: 500;
  color: rgb(99,99,99);
}

作業デモ

于 2013-03-12T00:23:54.537 に答える
0

名前の余白。

#name {
display: block;
width: 72%; 
text-align: right;
font-size: 11.5pt;
font-weight: 500;
color: rgb(99,99,99);
margin-top: -20px;
}
于 2013-03-12T00:08:40.187 に答える