<hr>可嵌套在樣式表中

Question

我想在我的浮動圖像下方有一條簡單的分界線。從而

我的樣式表讀取：

img.floatrightclear { 
    float: right; 
    clear: right; 
    margin-top: 10px; 
    margin-left: 20px; 
    margin-bottom: 20px; 
} 

能有色線被顯示的圖像的下方，在圖像的相同的寬度？它可以包含在圖像的CSS？

Answer 1

使用底部的一些填充，然後應用邊框僅底部

padding-bottom:50px; 
border-bottom:1px solid #ddd; /*Whatever color code you wanted the <hr> to be 

https://jsfiddle.net/h57dfcmt/

Answer 2

由於Nawed汗說，只要使用的無邊框，底部填充底，像這樣：

img.floatrightclear { 
    float: right; 
    clear: right; 
    margin-top: 10px; 
    margin-left: 20px; 
    margin-bottom: 20px; 

    padding-bottom: 10px; /* the distance between bottom and line */ 
    border-bottom: 2px solid black; /* The line */ 
}