Twitter嵌入式製作內容下降

Question

我目前正在撰寫一個網站，需要一個基本的Twitter嵌入式小部件。我已將該小部件放置在<aside>標籤中，該標籤位於主要的<article>的右側。該小部件強制我的文章標籤進一步下降超過它應該是，我不明白爲什麼，有誰能夠啓發我？

HTML：

<article> 
     <h1>Welcome</h1> 
     <p>Lorem ipsum </p> 
    </article> 

    <aside> 
     <a class="twitter-timeline" data-dnt="true" href="https://twitter.com/LydbrookAth" data-widget-id="690232327222509569"> </a> 
     <script>!function(d,s,id){var js,fjs=d.getElementsByTagName(s)[0],p=/^http:/.test(d.location)?'http':'https';if(!d.getElementById(id)){js=d.createElement(s);js.id=id;js.src=p+"://platform.twitter.com/widgets.js";fjs.parentNode.insertBefore(js,fjs);}}(document,"script","twitter-wjs");</script>  
    </aside> 

的CSS：

article { 
    width: 70%; 
    display: inline-block; 
    border-style: dashed; 
    height: 600px; 

} 

aside { 
    width: 28%; 
    display: inline-block; 
    border-style: dashed; 
    height:inherit; 
} 

Answer 1

添加vertical-align:top;到article給它一個特定的排列。