मेरे पास निम्न कोड है:

<a href="{% url 'selectteams' '0' '0'  %}" style="font-size: 20px" class="btn btn-default btn-block .btn-lg">
   <span style="vertical-align: middle;text-align: initial;margin: auto auto auto 0;">
     <img  height="42" width="42" src="/static/team_selection.svg" alt="Team Selection"/>
   <span>
   <span style="vertical-align: middle;text-align: initial;margin: auto auto auto 0;">TEAM SELECTION</span>
</a>

जो उत्पादन करता है:

enter image description here

मैं शैली के साथ जो कुछ भी प्रयास करता हूं, मैं छवि के साथ पाठ को लंबवत रूप से संरेखित नहीं कर सकता। किसी भी तरह की सहायता का स्वागत किया जाएगा।

2
Alan Tingey 17 अगस्त 2017, 09:09
क्या आप दिखा सकते हैं कि आप इसे कैसा दिखाना चाहते हैं? मुझे ऐसा प्रतीत होता है कि दोनों तत्व अपने मूल तत्व में लंबवत रूप से केंद्रित हैं, इसलिए समस्या यह हो सकती है कि आपकी छवि आयाम ऐसे हैं कि केंद्रीकरण आपको इच्छित संरेखण नहीं देगा।
 – 
jackarms
17 अगस्त 2017, 09:11
1
यदि आप बारीकी से देखें, तो यह केंद्र में लंबवत रूप से संरेखित है। यह नहीं ठीक से संरेखित होने का भ्रम देता है क्योंकि आपके पास एक नीचे-भारी दिखने वाली छवि है।
 – 
Terry
17 अगस्त 2017, 09:11
कृपया अपनी समस्या को पुन: उत्पन्न करने के लिए एक कोड स्निपेट बनाएं
 – 
Duannx
17 अगस्त 2017, 09:12
मैं अब एक कोड स्निपेट का प्रयास करूंगा :)
 – 
Alan Tingey
17 अगस्त 2017, 09:14
टेरी, मुझे लगता है कि आप सही कह रहे हैं, क्योंकि तार नीचे लटक रहे हैं।
 – 
Alan Tingey
17 अगस्त 2017, 09:15

1 उत्तर

सबसे बढ़िया उत्तर

मैंने फ्लेक्स का उपयोग किया है, यहां डेमो है, नीचे दिए गए स्निपेट के साथ प्रयास करें

.anchor {
    align-items: center;
    justify-content: center;
    border: 1px solid #000;
    display: flex;
    padding: 6px 15px;
    width: 200px;
    text-decoration: none;
    border-radius:4px;
}
.anchor img {
    max-width: 50px;
    padding-right: 5px;
}
<a href="#" class="anchor">
	<img src="http://icons.iconarchive.com/icons/graphicloads/100-flat/256/home-icon.png" alt="img" />
	<span>Team selection</span>
</a>
1
Jishnu V S 17 अगस्त 2017, 09:27
जिस तरह से मैं इसे कर रहा था उससे यह बहुत साफ है। शुक्रिया।
 – 
Alan Tingey
17 अगस्त 2017, 09:26