ऊर्ध्वाधर-संरेखण का उपयोग करते समय अंतरिक्ष (छवि में दिखाया गया) नीचे क्यों जोड़ा गया है? इसे कैसे जोड़ेंगे?

image

एचटीएमएल

<div class="datePosted">
    
23
 
</div>

सीएसएस

.datePosted h6{
    font-size: 1em;
    /*background-image: url(../Images/view4.png);
    background-position: left center;
    background-repeat: no-repeat;
    padding-left: 20px;*/
    padding-right: 6px;
    float: right;
    color: #FFFFFF;
    text-align: right;
}
.eyeIcon {
    text-indent: -9999px;
}
.eyeIcon:before{
    font-family: "foundicons";
    -webkit-font-smoothing: antialiased;
    -o-transform: scale(1);
    text-rendering: optimizeLegibility;
}
.eyeIcon:before{
    content: "\f005";
    vertical-align: middle;
    /*position: relative;
    top: 3.5px;  works nicely with this*/
    padding-right: 3px;
    font-size: 1.1em;
}

मैं टेक्स्ट 23 पर लंबवत आंख आइकन को संरेखित करना चाहता हूं, लेकिन लंबवत-संरेखण: मध्य का उपयोग करते समय, यह ऊपर दिखाए गए चित्र की तरह कुछ करता है। यह कैसे तय किया जा सकता है?

0
जोड़ा संपादित
विचारों: 1

कोई जवाब नहीं है

0