我的網站的css圖片對齊

Question

你好，我試圖將我的照片鏈接對齊到我的圖像轉換器，請看看我的網站https://www.tagadoor.com/converter/你會看到油畫是在浮雕兩個鏈接的頂部，這是我的css

<style> 
.header {width: 98.6%;} 
.pdf{border-radius : 11px;} 
.pdf{height : 37px; width : 183px;} 
.pdf{vertical-align : top; margin : 18px;} 
.pdf{font-style: oblique; font-size: 80%; font-weight: bold;} 
.pdf{cursor: pointer;} 
.piper{ 
width: 170px; 
} 
div.pipy { 
display: inline-block; 
    -moz-column-count: 3; 
    -webkit-column-count: 3; 
    colum: 3; 
    -webkit-column-gap: 43px; 
    -moz-column-gap: 43px; 
    column-gap: 43px; 
} 
div.pipy{ 
margin-top: 33px; 

} 

span {font-style: italic;} 
</style> 

也請告訴我你可能有的任何建議，如果你想測試它的話，所有的轉換器都可以工作。非常感謝您對此進行調查。

Answer 1

HTML5引入了'數字'和'figcaptions'以及它。通過將圖像和'figcaption'包裹在'figure'標籤中，可以將它們放在一起。我喜歡這種方法，因爲它很乾淨並且不需要任何CSS。 https://developer.mozilla.org/en-US/docs/Web/HTML/Element/figure