HTML Alinhamento em cadeia html

[Visitante]

Como eu poderia Criar um alinhamento em cadeia em html? Minha ideia inicial seria alinha um parágrafo para o centro, e dentro colocar por exemplo outro parágrafo porém alinhado a direita. 

 

<p align="center" ><p align="left" ></p></p>

porém da errado 

[Adriano_web]

Não sei qual seu propósito ou qual a sua finalidade perante a isso, mas não se pode por parágrafo dentro de parágrafo, isso é confuso. Lembrando que o elemento p é um elemento de nível de bloco, isso quer dizer que ele sempre ocupará 100% da largura total da screen. Então, se você colocar, ex:

<p align="center">pPai<p align="left">pFilho</p></p>  
<!-- Código errado (Jamais p dentro de p) -->

 

Para ver como roda o código acima veja o link : https://www.w3schools.com/code/tryit.asp?filename=FUSE35HLILEI

 

Notará que o elemento p com o atributo align que tem o valor center ficará centrado, mas o elemento p com o atributo align que tem o valor left ficará alocado a esquerda com um parágrafo (pula uma linha, não é a toa que ele é o elemento de parágrafo). Isso quer dizer que sempre um elemento p será em linha por padrão? Não, é possível mudar com o uso de css.

 

Para você resolver, você deve definir com que o elemento p seja um elemento em linha. Para isso vais utilizar a declaração css {display:inline}, ex.

 

<p align="center" style="display: inline;">pPai<p align="left" style="display: inline;">pFilho</p></p>  
<!-- Código errado (Jamais p dentro de p) -->

 

Para ver como roda o código acima veja o link : https://www.w3schools.com/code/tryit.asp?filename=FUSE2MFLSXYZ

 

Nota: o atributo align foi decrementado em HTML5 use (style="text-align:center").

[makotsunami]

Como o amigo acima citou, não sei a finalidade disso hehe xD

 

Seria mais fácil se a edição pudesse ser feita na hora de persistir os dados com um wysiwyg. Segue exemplos:

https://www.tiny.cloud/

https://summernote.org/

https://www.froala.com/wysiwyg-editor

https://quilljs.com/