對齊邊框CSS

我很困惑我得到的佈局。如何對齊文字底部的邊框。下面是佈局和我的HTML的圖像..對齊邊框CSS

HTML

<div class="submission-box-wrapper"> 
    <div class="submission-box-inner"> 
     <h5>ON-CAMERA, AGES 3 &amp; UP:</h5> 

     <h6>For Submissions to the Atlanta Office:</h6> 
     <p>J Pervis Talent Agency 
     949 Image Avenue, Suite C 
     Atlanta, GA 30318</p> 

     <h6>For Submission to the Louisiana Office:</h6> 
     <p>J Pervis Talent Agency 
     PO Box 3215 
     Baton Rouge, LA 70821</p> 

    </div> 
</div>

待定CSS

.submission-box-wrapper { 
    position: relative; 
} 

.submission-box-inner { 
    position: absolute; 
    padding: 20px; 
    border: 1px solid rgb(226, 226, 226); 
    width: 100%; 
} 

.submission-box-inner h5 { 
    font-family: "Open Sans"; 
    color: #dcab06; 
    font-size: 14px; 
    font-weight: 700; 
    line-height: 22px; 
    text-align: left; 
} 

.submission-box-inner h6 { 
    font-family: "Open Sans"; 
    font-weight: 800; 
    line-height: 30px; 
    text-align: left; 
} 

.submission-box-inner p { 
    font-family: "Open Sans"; 
    color: #000000; 
    font-size: 15px; 
    font-weight: 400; 
    line-height: 20px; 
    text-align: left; 
}

有人可以幫我出位這裏..

謝謝..

來源

2015-09-28 Fahad Sohail

發表你的CSS太... – sinisake

@nevermind做過隊友.. –

的[在你的問題的代碼（http://jsfiddle.net/hut46hxm/）與您的圖片不符，您可能需要隔離並重現該問題。 – apaul

我想我的方式不是最好的，但仍然做你想要的，所以你爲什麼不給它一個機會。
DEMO

新建CSS

.submission-box-inner { 
    position: relative; 
    padding: 20px; 
    border: 1px solid rgb(226, 226, 226); 
    width: 100%; 
    top:10px; 
} 
.submission-box-inner h5 { 
    font-family: "Open Sans"; 
    color: #DCAB06; 
    font-size: 14px; 
    font-weight: 700; 
    line-height: 22px; 
    text-align: left; 
    position: absolute; 
    top: -40px; 
    background-color: white; 
    padding: 0 5px; 
}

來源

2015-09-28 01:55:41

對齊邊框CSS

回答

相關問題