So zentrieren Sie ein Bild mit Showdown

Question

Gibt es eine Möglichkeit, ein Bild mit ShowDown zu zentrieren?

ich so etwas wie dies versuchen:

## Next line has an image 

![image](http://i.imgur.com/wYTCtRu.jpg =50%x50%) 

Answer 1

ein bestimmtes Bild in shodown um Stil, you can use the title attribute.

Das Problem ist, dass "Zentrierung" erfordert ein Elternelement zu "zentrieren" gegen. Sie müssen also immer einen "Wrapper" hinzufügen.

Um das zu erreichen, haben Sie ein paar Optionen:

1. Verwendung HTML and CSS (klicken Sie auf das 3 bar Symbol in der linken oberen Ecke, um das Optionsmenü zu schließen)

   ## Next line has an image 
   
   <div style="text-align: center;"><img src="http://i.imgur.com/wYTCtRu.jpg" width="50%"></div> 
   

   oder

   ## Next line has an image 
   
   <div markdown="1" style="text-align: center;">![image](http://i.imgur.com/wYTCtRu.jpg =50%x50%)</div> 
   

2. Verwendung the <center> html tag (veraltet in HTML5)

   ## Next line has an image 
   
   <center>![image](http://i.imgur.com/wYTCtRu.jpg =50%x50%)</center> 
   

3. wrap the image tag in a <a> tag and style with CSS

   <style> 
       a[title="myImageWrapper"] { 
       display: block; 
       width: 100%; 
       text-align: center; 
   } 
   </style> 
   
   ## Next line has an image 
   
   [![image](http://i.imgur.com/wYTCtRu.jpg =50%x50%)](# "myImageWrapper")