Respostas:
markdown nativo não suporta alinhamento de texto semhtml
+css
.
<p style="text-align: center;">
e </p>
que deve funcionar em qualquer remarcação
<br>
funciona para que possa haver algumas tags ocultas que funcionem.
p
tag com align
set center
, da seguinte forma:<p align="center">centered text</p>
<div>
ou <p>
? A p
é um parágrafo, então talvez div
seja uma alternativa mais neutra e melhor?
Para centralizar o texto nos arquivos md, você pode usar a tag central, como a tag html:
<center>Centered text</center>
Eu sabia que isso não é remarcação, mas <p align="center">
funcionou para mim; portanto, se alguém descobrir a sintaxe da remarcação, ficarei feliz em usá-la. Até lá, usarei a tag HTML.
É hacky, mas se você estiver usando GFM ou alguma outra sintaxe de MD que suporte a construção de tabelas com pipes, poderá usar os recursos de alinhamento de colunas:
|| <!-- empty table header -->
|:--:| <!-- table header/body separator with center formatting -->
| I'm centered! | <!-- cell gets column's alignment -->
Isso funciona em marcado.
No Github, você precisa escrever:
<p align="justify">
Lorem ipsum
</p>
<p align="right">[Index](#index)</p>
Funciona muito bem :)
O elemento div possui seu próprio atributo de alinhamento, align .
<div align="center">
my text here.
</div>
Para o Markdown Extra, você pode usar atributos personalizados:
# Example text {style=text-align:center}
Isso funciona para cabeçalhos e citações de bloco, mas não para parágrafos, elementos embutidos e blocos de código.
Uma versão mais curta (mas não suportada no HTML 5):
# Example text {align=center}
Para marcação python com extensão attr_list, a sintaxe é um pouco diferente:
{: #someid .someclass somekey='some value' }
Exemplo:
[Click here](http://exmaple.com){: .btn .btn-primary }
Lead information paragraph
{: .lead }
Eu estava tentando centralizar uma imagem e nenhuma das técnicas sugeridas nas respostas aqui funcionou. Um HTML regular <img>
com CSS embutido funcionou para mim ...
<img style="display: block; margin: auto;" alt="photo" src="{{ site.baseurl }}/images/image.jpg">
Isto é para um blog Jekyll hospedado no GitHub
Para alinhar o centro, coloque o texto que você deseja centralizar com as setas ( ->
<-
) da seguinte forma:
-> This is center aligned <-
<p align=center>
funciona. ( desta resposta abaixo )