Следующий текст унаследовать размер шрифта р, даже если р не является предком

Question

В примере ниже собраны:

http://6.470.scripts.mit.edu/css_exercises/exercise5.html

.wrapper1 { 
    width: 60%; 
    margin: 0px auto 0px auto; 
    border: 1px solid; 
    text-align: center; 
    background: #eeeeee; 
} 
.wrapper2 { 
    clear: left; 
} 
.p1 { 
    font-size: 70px; 
} 
.p2 { 
    font-size: 50px; 
} 

HTML

<div class="wrapper1"> 
    <div class="wrapper2"> 
    <p class="p1">MIT 6.470</p> 
    <p class="p2">Learn Web Programming this IAP</p2> 
    <a href="">Comprehensive Curriculum</a> 
    <a href="">Insightful Guest Lectures</a> 
    <a href="">Interaction with Sponsors</a> 
    <a href="">$30,000+ in Total Prizes</a> 
</div> 
Copyright © 2012 MIT 6.470 
</div> 

С этот стиль происходит потому, что ссылки после p.p2 расположены рядом с p.p2, но я понимаю, что p является блочным элементом, поэтому i t не должно допускать смещения какого-либо другого элемента. Во-вторых, размер ссылок такой же, как у p.p2, хотя p.p2 не является предком для ссылок. Как это может быть возможным?

Answer 1

эта линия

<p class="p2">Learn Web Programming this IAP</p2> 

вам нужно изменить </p2> к </p>