Como alinhar à direita e justificar o alinhamento no Markdown?

95

O texto da marcação é sempre alinhado à esquerda. Existe uma maneira de alinhar à direita e justificar no Markdown?

Para ser mais preciso, estou usando Markdown no Jupyter Notebook (IPython).

markdown

— Ébe Isaac
fonte

1

AFAIK não há como mudar o alinhamento no Markdown (tornaria os compiladores / renderizadores muito mais complexos) - talvez existam algumas ferramentas usando sintaxe estendida que podem fazer isso, mas no momento eu não conheço nenhuma (acho que nem mesmo o pandoc servirá )

— Carsten

1

Você pode usar algum CSS para alterar o alinhamento ou a saída HTML por Markdown em seu navegador. No entanto, o alinhamento do texto está fora do escopo do próprio Markdown.

— Waylan

Se você usar o formato html, não será possível usar o formato .md dentro desse texto. A melhor resposta é: stackoverflow.com/questions/49470805/… Por exemplo: Hello, this is my text. {: style = "text-align: justify"}

— Jose Avalos Villa

105

Não é possível alinhar o texto na marcação nativa . No entanto, você pode alinhar o texto usando tags HTML embutidas.

<div style="text-align: right"> your-text-here </div>

Para justificar, substitua rightpor justifyacima.

— Nikhita Raghunath
fonte

3

Funciona, mas quebra links como <div style="text-align: right"> [up](https://github.com/loretoparisi/CapsNet#CapsNet) </div>se não fosse renderizado como um link.

— Loretoparisi

3

você pode usar a <a href="https://your-site.com">Your link</a>tag dentro de 🤷‍♂️

— Fyodor

HTML embutido geralmente é proibido pela Linters. Eu evitaria usar html inline no markdown, postei minha sugestão como resposta aqui à pergunta.

— KargWare

24

Se você deseja alinhar à direita em um formulário, pode tentar:

| Option | Description |
| ------:| -----------:|
| data   | path to data files to supply the data that will be passed into templates. |
| engine | engine to be used for processing templates. Handlebars is the default. |
| ext    | extension to be used for dest files. |

https://learn.getgrav.org/content/markdown#right-aligned-text

— Windsooon
fonte

12

Se você deseja usar justify align no Jupyter Notebook, use a seguinte sintaxe:

<p style='text-align: justify;'> Your Text </p>

Para alinhamento correto:

<p style='text-align: right;'> Your Text </p>

— Sayali Sonawane
fonte

1

Obrigado por mostrar a justifyopção; as outras postagens falam apenas sobre alinhamento à direita. Esta opção parece funcionar bem com a divtag também. Que pena que só pude aceitar uma resposta :)

— Ébe Isaac

Se você precisa justificar o documento inteiro como eu, adicione p { text-align: justify; }ao CSS. Além disso, você também pode adicionar ul { text-align: justify; }elementos de lista.

— impopularGuy

3

Conforme mencionado aqui, o markdown não suporta texto ou blocos alinhados à direita. Mas o resultado HTML faz isso, por meio de Cascading Style Sheets ( CSS ).

No meu blog Jekyll é usar uma sintaxe que funciona em markdown também. Para "terminar" um bloco, use dois espaços no final ou duas vezes a nova linha.

Claro que você também pode adicionar uma classe css com em {: .right }vez de {: style="text-align: right" }.

Texto para a direita

{: style="text-align: right" }
This text is on the right

Texto como bloco

{: style="text-align: justify" }
This text is a block

— KargWare
fonte

1

Talvez você precise esclarecer, para iniciantes, o que é uma classe CSS e como usá-la. E eu acho que isso só funciona na versão Kramdown do Markdown.

— Santiago

2

@Santiago, você está certo, funciona apenas quando o markdown é gerado como HTML

— KargWare

2

Se quiser usar esta resposta , descobri que quando você está usando MacDown em MacOs, você pode <div style="text-align: justify">no início do documento justificar todo o texto e manter toda a codeformatação. Talvez funcione em outros editores também, para você tentar;)

— Eradash
fonte

Por algum motivo, isso não funciona para todo o documento, apenas o parágrafo. Eu uso o Typora como editor no Linux

— lucian

1

Específico para o uso de um Notebook Jupyter: a capacidade de especificar o alinhamento da coluna da tabela deve retornar em uma versão futura. (Versões atuais padrão alinhadas à direita em todos os lugares).

De PR # 4130 :

Permitir que as tabelas de redução especifiquem seu alinhamento com a: -,: - :, -: sintaxe enquanto ainda permite --- o padrão para o alinhamento correto.

Isso reverte uma alteração anterior (parte de # 2534) que retirou as informações de alinhamento do HTML renderizado que saía do renderizador marcado. Para ficar claro, isso não altera o padrão de alinhamento correto, mas traz de volta o suporte para substituir esse alinhamento por coluna usando a sintaxe de alinhamento de tabela gfm.

...

— patricktokeeffe
fonte

1

Em um documento Markdown genérico, use:

<style>body {text-align: right}</style>

ou

<style>body {text-align: justify}</style>

Porém, não parece funcionar com o Jupyter.

— Giulio
fonte

1

Esta resposta é muito melhor do que a mais votada. A solução sugerida funciona bem com marcação MD. Todo mundo continua sugerindo o uso da sintaxe HTML, o que vai contra o propósito do MD.

— Uzair

0

eu usei

<p align='right'>Farhan Khan</p>

e funcionou para mim no Google Colaboratory. Curiosamente, ele não funciona em nenhum outro lugar?

— Farhan Khan
fonte