0
display：inline-blockを使ってみました。同じ行の要素を取得するが、それは下に移動し続けます。私は位置を調整するためにマージンを使ってみましたが、それは応答性の高いWeb機能を台無しにするでしょう。 はここでそれが今どのように見えるかです： 
要素は同じ行に表示されません
ここでそれがどのように見えるべきかです： 
は私のコード今のところ各要素放置
#header .logo-wrap { padding: 50px 0 50px 0; }
#header p.site-desc {
\t \t color: #595959;
\t \t font-size: 18px;
\t \t line-height: 19px;
\t \t text-align-last: right;
width:70%;
\t \t padding-top: -5px;
\t \t letter-spacing: 4px;
\t }
\t
#carousel {
position: relative;
display: inline-block;
width:70%;
margin-top: -4px;
}<div class="logo-wrap">
\t \t \t <div class="container">
\t \t \t \t <div class="desktop-6 columns">
\t \t \t \t \t <h1><a href="index.html" title="Home"><img src="http://i.imgur.com/wobJUCd.png" alt="" /></a></h1>
\t \t \t \t <!-- // .desktop-6 -->
\t \t \t \t
\t \t \t \t \t <p class="site-desc">
\t \t \t \t \t \t Digital media designer<br />
\t \t \t \t \t \t Concept developer<br /><br /><br /><br /><br />
\t \t \t \t \t \t <p style="font-size:75px; line-height:50px; text-align-last: justify; letter-spacing: 3px; color: #595959; font-family: Neusa ExtraBold;">i</p></p>
\t \t \t \t \t \t
<div id="carousel">
<div class="btn-bar">
<div id="buttons"><a id="prev" href="#"></a><a id="next" href="#"></a> </div>
</div>
<div id="slides">
<ul>
<li class="slide">
<div class="quoteContainer">
<p class="quote-phrase"
style="font-size:44px; line-height:45px; text-align-last: justify; letter-spacing: 3px; color: #595959; font-family: Neusa ExtraBold;"> minimize,</br>experiment,</br>& make grids</span>
\t \t \t \t \t </p>
\t \t \t \t \t </div>
\t \t \t \t \t \t </li>
</ul>
</div>
</div></div>
\t \t \t \t \t <!-- // .site-desc -->
\t \t \t \t </div><!-- // .desktop-6 -->
\t \t \t \t <div class="clear"></div>
\t \t \t </div><!-- // .container -->
\t \t </div><!-- // .logo-wrap -->