Несколько блоков внутри другого?

Question

Я пытаюсь получить свое имя внутри другого блока, который содержит имя веб-сайта, но не может понять это. Что я могу использовать?

Я пытаюсь получить имя моего сайта с меньшим расширением после него, 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); 
} 

Fiddle: http://jsfiddle.net/CX5Dn/

Answer 1

это то, что вы хотите достичь

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); 
} 

работает demo

Answer 2

Маржа по имени.

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