Wie zentriert man Text neben dem Bild?

Ich habe den folgenden Code und ich möchte den Text vertikal neben dem Bild zentrieren.Wie zentriert man Text neben dem Bild?

.section_content { 
 
    width: 400px; 
 
} 
 

 
.section_content > ul > li > img { 
 
    width: 40px; 
 
    height: 40px; 
 
    padding: 5px; 
 
} 
 

 
.section_content > ul > li > a { 
 
    vertical-align: top; 
 
} 
 

 
.section_content > ul > li { 
 
    list-style-type: none; 
 
} 
 

 
.section_content > ul { 
 
    list-style-type: none; 
 

 
    padding-top: 45px; 
 
    padding-left: 5px; 
 
}

<div class="section_content"> 
 
     <ul> 
 
      <li><img src="img/linkedin.svg"><a href="https://be.linkedin.com/in/lel">LinkedIn</a></li> 
 
      <li>GitHUb</li> 
 
     </ul> 
 
    </div>

Quelle

2016-10-24 SnelleJelle

Ich wähle diese Frage als Wegthema zu schließen, weil es eine Vielzahl von ähnlichen Antworten nur der Suche SO gefunden ist. – Rob

@Paulie_D Es ist eine doppelte Antwort und ich hatte keine Zeit, um die Vielzahl von ihnen zu stöbern. Auf jeden Fall glaube ich, dass ein Mangel an Forschung ein weiterer Grund ist, dies zu beenden. – Rob

Mangel an Forschung ist nicht ein "CLOSE Vote" Grund ... Es ist ein DOWN-Abstimmungsgrund. –

Sie haben vertical-align: top da drin; Was Sie wollen, ist vertical-align: middle, sowohl auf den Link und das Bild, es soll neben sitzen.

.section_content { 
 
    width: 400px; 
 
} 
 

 
.section_content > ul > li > img { 
 
    width: 40px; 
 
    height: 40px; 
 
    padding: 5px; 
 
} 
 

 
.section_content > ul > li > a, 
 
.section_content > ul > li img { 
 
    vertical-align: middle; 
 
} 
 

 
.section_content > ul > li { 
 
    list-style-type: none; 
 
} 
 

 
.section_content > ul { 
 
    list-style-type: none; 
 

 
    padding-top: 45px; 
 
    padding-left: 5px; 
 
}

<div class="section_content"> 
 
     <ul> 
 
      <li><img src="img/linkedin.svg"><a href="https://be.linkedin.com/in/lel">LinkedIn</a></li> 
 
      <li>GitHUb</li> 
 
     </ul> 
 
    </div>

Quelle

2016-10-24 01:07:53 jack

danke! .... – SnelleJelle

Wie zentriert man Text neben dem Bild?

Antwort

Verwandte Themen