{"id":398,"date":"2025-04-13T21:18:25","date_gmt":"2025-04-13T20:18:25","guid":{"rendered":"http:\/\/3.238.148.255\/?p=398"},"modified":"2025-04-18T02:59:19","modified_gmt":"2025-04-18T01:59:19","slug":"como-justificar-texto-no-html5","status":"publish","type":"post","link":"https:\/\/blog.juandesouza.com\/br\/tech\/como-justificar-texto-no-html5\/","title":{"rendered":"Como justificar texto em HTML5"},"content":{"rendered":"<p>Justificar texto \u00e9 uma tarefa comum em web design, pois ajuda a criar um layout limpo e profissional, alinhando o texto uniformemente nas margens esquerda e direita. Em HTML5, a justifica\u00e7\u00e3o de texto normalmente \u00e9 feita com CSS (Cascading Style Sheets) em vez de diretamente nas tags HTML.<\/p>\n<h3>Por que justificar texto?<\/h3>\n<p>Justificar o texto cria um bloco uniforme de texto que se alinha \u00e0s bordas esquerda e direita de um cont\u00eainer, semelhante ao texto de jornal ou livro. Esse m\u00e9todo \u00e9 frequentemente usado para melhorar a est\u00e9tica dos par\u00e1grafos, fazendo com que o texto pare\u00e7a mais refinado e organizado.<\/p><div id=\"juand-2119478547\" class=\"juand-content juand-entity-placement\"><script async src=\"https:\/\/pagead2.googlesyndication.com\/pagead\/js\/adsbygoogle.js?client=ca-pub-8944986240478060\"\r\n     crossorigin=\"anonymous\"><\/script>\r\n<ins class=\"adsbygoogle\"\r\n style=\"display:block; text-align:center;\"\r\n data-ad-layout=\"in-article\"\r\n data-ad-format=\"fluid\"\r\n data-ad-client=\"ca-pub-8944986240478060\"\r\n data-ad-slot=\"9601515663\"><\/ins>\r\n<script>\r\n     (adsbygoogle = window.adsbygoogle || []).push({});\r\n<\/script>\r\n<br\/><\/div>\n<h3>Como justificar texto usando CSS em HTML5<\/h3>\n<p>Voc\u00ea pode justificar o texto em HTML5 usando o <code>alinhamento de texto<\/code> propriedade em CSS. A <code>alinhamento de texto<\/code> propriedade controla o alinhamento horizontal do texto dentro de um cont\u00eainer. Para justificar o texto, basta usar o valor <code>justificar<\/code>.<\/p>\n<p>Veja como voc\u00ea pode fazer isso:<\/p>\n<h3>Exemplo:<\/h3>\n<pre><code class=\"language-html\">&lt;!DOCTYPE html&gt;\r\n&lt;html lang=&quot;en&quot;&gt;\r\n&lt;head&gt;\r\n    &lt;meta charset=&quot;UTF-8&quot;&gt;\r\n    &lt;meta name=&quot;viewport&quot; content=&quot;width=device-width, initial-scale=1.0&quot;&gt;\r\n    &lt;title&gt;Exemplo de texto justificado&lt;\/title&gt;\r\n    &lt;style&gt;\r\n        \/* CSS to justify the text *\/\r\n        p {\r\n            text-align: justify;\r\n        }\r\n    &lt;\/style&gt;\r\n&lt;\/head&gt;\r\n&lt;body&gt;\r\n    &lt;h1&gt;Como justificar texto em HTML5&lt;\/h1&gt;\r\n    &lt;p&gt;\r\n        Lorem ipsum dolor sit amet, consectetur adipiscing elit. Pellentesque quis felis velit. Nada f&aacute;cil. Inteiro convallis, orci a egestas sodales, orci lorem lacinia lorem, eget pretium eros lorem eu erat. Quisque euismod, lorem sit amet tempor feugiat, mauris erat dictum arcu, sed suscipit justo nulla a dui. Nunc sit amet magna nisi. Auctor inteiro nec metus eget vulputate. Suspendisse vitae urna eget augue volutpat iaculis non sit amet mi. \r\n    &lt;\/p&gt;\r\n    &lt;p&gt;\r\n        Aenean tincidunt, arcu nec tincidunt aliquet, nisl risus maximus nunc, sed bibendum risus velit a augue. Curabitur suscipit, lectus id efficitur mollis, metus lectus tincidunt ligula, id luctus magna risus et sapien. Nada f&aacute;cil. Proin elementum sit amet purus a fermentum. Ut et velit a mi volutpat auctor.\r\n    &lt;\/p&gt;\r\n&lt;\/body&gt;\r\n&lt;\/html&gt;\r\n<\/code><\/pre>\n<h3>Explica\u00e7\u00e3o:<\/h3>\n<ul>\n<li><strong>Estrutura HTML<\/strong>:\n<ul>\n<li>O <code>&lt;h1&gt;<\/code> a tag \u00e9 usada para o t\u00edtulo e duas <code>&lt;p&gt;<\/code> tags s\u00e3o usadas para par\u00e1grafos de texto.<\/li>\n<\/ul>\n<\/li>\n<li><strong>CSS<\/strong>:\n<ul>\n<li>O <code>alinhamento de texto: justificar;<\/code> estilo \u00e9 aplicado a todos <code>&lt;p&gt;<\/code> elementos. Isso garante que o texto dentro dessas tags de par\u00e1grafo seja justificado, ou seja, ele ser\u00e1 esticado para alinhar as margens esquerda e direita.<\/li>\n<\/ul>\n<\/li>\n<\/ul>\n<h3>Alternativa: Justificar texto para elementos espec\u00edficos<\/h3>\n<p>Se voc\u00ea n\u00e3o quiser aplicar a justifica\u00e7\u00e3o a todos os par\u00e1grafos, mas apenas a alguns espec\u00edficos, voc\u00ea pode usar uma classe ou ID para direcionar elementos espec\u00edficos.<\/p>\n<h4>Exemplo usando uma classe:<\/h4>\n<pre><code class=\"language-html\">&lt;!DOCTYPE html&gt;\r\n&lt;html lang=&quot;en&quot;&gt;\r\n&lt;head&gt;\r\n    &lt;meta charset=&quot;UTF-8&quot;&gt;\r\n    &lt;meta name=&quot;viewport&quot; content=&quot;width=device-width, initial-scale=1.0&quot;&gt;\r\n    &lt;title&gt;Exemplo de texto justificado&lt;\/title&gt;\r\n    &lt;style&gt;\r\n        \/* CSS to justify only paragraphs with the class &#039;justify-text&#039; *\/\r\n        .justify-text {\r\n            text-align: justify;\r\n        }\r\n    &lt;\/style&gt;\r\n&lt;\/head&gt;\r\n&lt;body&gt;\r\n    &lt;h1&gt;Como justificar texto em HTML5&lt;\/h1&gt;\r\n    &lt;p class=&quot;justify-text&quot;&gt;\r\n        Lorem ipsum dolor sit amet, consectetur adipiscing elit. Pellentesque quis felis velit. Nada f&aacute;cil. Inteiro convallis, orci a egestas sodales, orci lorem lacinia lorem, eget pretium eros lorem eu erat. Quisque euismod, lorem sit amet tempor feugiat, mauris erat dictum arcu, sed suscipit justo nulla a dui.\r\n    &lt;\/p&gt;\r\n    &lt;p&gt;\r\n        Este par&aacute;grafo n&atilde;o ser&aacute; justificado porque n&atilde;o possui a classe &amp;quot;justify-text&amp;quot;.\r\n    &lt;\/p&gt;\r\n&lt;\/body&gt;\r\n&lt;\/html&gt;\r\n<\/code><\/pre>\n<p>Neste exemplo, apenas o par\u00e1grafo com a classe <code>justificar-texto<\/code> \u00e9 justificado e o segundo par\u00e1grafo permanece alinhado \u00e0 esquerda.<\/p><div id=\"juand-2856035572\" class=\"juand-content_2 juand-entity-placement\"><script async src=\"https:\/\/pagead2.googlesyndication.com\/pagead\/js\/adsbygoogle.js?client=ca-pub-8944986240478060\"\r\n     crossorigin=\"anonymous\"><\/script>\r\n<ins class=\"adsbygoogle\"\r\n style=\"display:block; text-align:center;\"\r\n data-ad-layout=\"in-article\"\r\n data-ad-format=\"fluid\"\r\n data-ad-client=\"ca-pub-8944986240478060\"\r\n data-ad-slot=\"9601515663\"><\/ins>\r\n<script>\r\n     (adsbygoogle = window.adsbygoogle || []).push({});\r\n<\/script>\r\n<br\/><\/div>\n<h3>Coisas para manter em mente:<\/h3>\n<ol>\n<li><strong>Legibilidade<\/strong>: Texto justificado pode, \u00e0s vezes, criar espa\u00e7amento irregular entre as palavras, especialmente se o comprimento da linha for curto. Isso pode afetar a legibilidade. \u00c9 importante testar a justifica\u00e7\u00e3o em diferentes dispositivos e tamanhos de tela para garantir uma apar\u00eancia limpa e leg\u00edvel.<\/li>\n<li><strong>Hifeniza\u00e7\u00e3o<\/strong>: Texto justificado tamb\u00e9m pode levar a quebras de palavras estranhas. Para melhorar a apar\u00eancia do texto, voc\u00ea pode habilitar a hifeniza\u00e7\u00e3o em CSS usando o <code>h\u00edfens<\/code> propriedade (embora nem todos os navegadores suportem esse recurso).\n<pre><code class=\"language-css\">p {\r\n    text-align: justify;\r\n    hyphens: auto; \/* Allows automatic hyphenation *\/\r\n}\r\n<\/code><\/pre>\n<\/li>\n<li><strong>Alinhamentos Alternativos<\/strong>:Se voc\u00ea decidir que a justifica\u00e7\u00e3o n\u00e3o fica \u00f3tima em todos os casos, voc\u00ea pode experimentar outros alinhamentos de texto, como <code>esquerda<\/code>, <code>certo<\/code>, ou <code>centro<\/code>, usando o <code>alinhamento de texto<\/code> propriedade.<\/li>\n<\/ol>\n<h3>Conclus\u00e3o<\/h3>\n<p>Justificar texto em HTML5 \u00e9 simples de conseguir usando CSS com o <code>alinhamento de texto: justificar;<\/code> Propriedade. Ajuda a criar blocos de texto limpos e com apar\u00eancia profissional, comumente encontrados em livros, jornais e sites. Seja para justificar o texto em toda a p\u00e1gina ou apenas para elementos espec\u00edficos, o CSS oferece uma maneira f\u00e1cil de implementar esse recurso e adapt\u00e1-lo \u00e0s suas necessidades.<\/p>\n<p>Foto por <a href=\"https:\/\/www.pexels.com\/photo\/person-encoding-in-laptop-574071\/\" target=\"_blank\" rel=\"noopener\">Lucas<\/a><\/p>","protected":false},"excerpt":{"rendered":"<p>Justificar texto \u00e9 uma tarefa comum em web design, pois ajuda a criar um layout limpo e profissional, alinhando o texto uniformemente nas margens esquerda e direita. Em HTML5, a justifica\u00e7\u00e3o de texto normalmente \u00e9 feita com CSS (Cascading Style Sheets) em vez de diretamente nas tags HTML.<\/p>","protected":false},"author":1,"featured_media":97949,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"_jetpack_newsletter_access":"","_jetpack_dont_email_post_to_subs":false,"_jetpack_newsletter_tier_id":0,"_jetpack_memberships_contains_paywalled_content":false,"_jetpack_feature_clip_id":0,"_jetpack_memberships_contains_paid_content":false,"footnotes":"","jetpack_post_was_ever_published":false},"categories":[1302,1289],"tags":[],"class_list":["post-398","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-devs","category-tech"],"aioseo_notices":[],"aioseo_head":"\n\t\t\n\t<meta name=\"robots\" content=\"max-image-preview:large\" \/>\n\t<meta name=\"author\" content=\"Juan\"\/>\n\t<link rel=\"canonical\" href=\"https:\/\/blog.juandesouza.com\/br\/tech\/como-justificar-texto-no-html5\/\" \/>\n\t<meta name=\"generator\" content=\"All in One SEO (AIOSEO) 4.9.10\" \/>\n\t\t<script type=\"application\/ld+json\" class=\"aioseo-schema\">\n\t\t\t{\"@context\":\"https:\\\/\\\/schema.org\",\"@graph\":[{\"@type\":\"Article\",\"@id\":\"https:\\\/\\\/blog.juandesouza.com\\\/br\\\/tech\\\/como-justificar-texto-no-html5\\\/#article\",\"name\":\"How to Justify Text in HTML5 - Juan de Souza\",\"headline\":\"How to Justify Text in HTML5\",\"author\":{\"@id\":\"https:\\\/\\\/blog.juandesouza.com\\\/br\\\/author\\\/juandesouza\\\/#author\"},\"publisher\":{\"@id\":\"https:\\\/\\\/blog.juandesouza.com\\\/br\\\/#organization\"},\"image\":{\"@type\":\"ImageObject\",\"url\":\"https:\\\/\\\/i0.wp.com\\\/blog.juandesouza.com\\\/wp-content\\\/uploads\\\/2017\\\/09\\\/pexels-goumbik-574071-scaled.jpg?fit=2560%2C1695&ssl=1\",\"width\":2560,\"height\":1695,\"caption\":\"HTML\"},\"datePublished\":\"2025-04-13T21:18:25+01:00\",\"dateModified\":\"2025-04-18T02:59:19+01:00\",\"inLanguage\":\"pt-BR\",\"mainEntityOfPage\":{\"@id\":\"https:\\\/\\\/blog.juandesouza.com\\\/br\\\/tech\\\/como-justificar-texto-no-html5\\\/#webpage\"},\"isPartOf\":{\"@id\":\"https:\\\/\\\/blog.juandesouza.com\\\/br\\\/tech\\\/como-justificar-texto-no-html5\\\/#webpage\"},\"articleSection\":\"Devs, Tech\"},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\\\/\\\/blog.juandesouza.com\\\/br\\\/tech\\\/como-justificar-texto-no-html5\\\/#breadcrumblist\",\"itemListElement\":[{\"@type\":\"ListItem\",\"@id\":\"https:\\\/\\\/blog.juandesouza.com\\\/br\\\/#listItem\",\"position\":1,\"name\":\"In\\u00edcio\",\"item\":\"https:\\\/\\\/blog.juandesouza.com\\\/br\\\/\",\"nextItem\":{\"@type\":\"ListItem\",\"@id\":\"https:\\\/\\\/blog.juandesouza.com\\\/br\\\/hashtag\\\/tech\\\/#listItem\",\"name\":\"Tech\"}},{\"@type\":\"ListItem\",\"@id\":\"https:\\\/\\\/blog.juandesouza.com\\\/br\\\/hashtag\\\/tech\\\/#listItem\",\"position\":2,\"name\":\"Tech\",\"item\":\"https:\\\/\\\/blog.juandesouza.com\\\/br\\\/hashtag\\\/tech\\\/\",\"nextItem\":{\"@type\":\"ListItem\",\"@id\":\"https:\\\/\\\/blog.juandesouza.com\\\/br\\\/hashtag\\\/tech\\\/devs\\\/#listItem\",\"name\":\"Devs\"},\"previousItem\":{\"@type\":\"ListItem\",\"@id\":\"https:\\\/\\\/blog.juandesouza.com\\\/br\\\/#listItem\",\"name\":\"In\\u00edcio\"}},{\"@type\":\"ListItem\",\"@id\":\"https:\\\/\\\/blog.juandesouza.com\\\/br\\\/hashtag\\\/tech\\\/devs\\\/#listItem\",\"position\":3,\"name\":\"Devs\",\"item\":\"https:\\\/\\\/blog.juandesouza.com\\\/br\\\/hashtag\\\/tech\\\/devs\\\/\",\"nextItem\":{\"@type\":\"ListItem\",\"@id\":\"https:\\\/\\\/blog.juandesouza.com\\\/br\\\/tech\\\/como-justificar-texto-no-html5\\\/#listItem\",\"name\":\"How to Justify Text in HTML5\"},\"previousItem\":{\"@type\":\"ListItem\",\"@id\":\"https:\\\/\\\/blog.juandesouza.com\\\/br\\\/hashtag\\\/tech\\\/#listItem\",\"name\":\"Tech\"}},{\"@type\":\"ListItem\",\"@id\":\"https:\\\/\\\/blog.juandesouza.com\\\/br\\\/tech\\\/como-justificar-texto-no-html5\\\/#listItem\",\"position\":4,\"name\":\"How to Justify Text in HTML5\",\"previousItem\":{\"@type\":\"ListItem\",\"@id\":\"https:\\\/\\\/blog.juandesouza.com\\\/br\\\/hashtag\\\/tech\\\/devs\\\/#listItem\",\"name\":\"Devs\"}}]},{\"@type\":\"Organization\",\"@id\":\"https:\\\/\\\/blog.juandesouza.com\\\/br\\\/#organization\",\"name\":\"Juan de Souza Media\",\"url\":\"https:\\\/\\\/blog.juandesouza.com\\\/br\\\/\"},{\"@type\":\"Person\",\"@id\":\"https:\\\/\\\/blog.juandesouza.com\\\/br\\\/author\\\/juandesouza\\\/#author\",\"url\":\"https:\\\/\\\/blog.juandesouza.com\\\/br\\\/author\\\/juandesouza\\\/\",\"name\":\"Juan\",\"image\":{\"@type\":\"ImageObject\",\"@id\":\"https:\\\/\\\/blog.juandesouza.com\\\/br\\\/tech\\\/como-justificar-texto-no-html5\\\/#authorImage\",\"url\":\"https:\\\/\\\/secure.gravatar.com\\\/avatar\\\/ba54c20e616940ffe529fd4394c0795f4c3f5172b351703d08781077d6714cf8?s=96&d=mm&r=g\",\"width\":96,\"height\":96,\"caption\":\"Juan\"}},{\"@type\":\"WebPage\",\"@id\":\"https:\\\/\\\/blog.juandesouza.com\\\/br\\\/tech\\\/como-justificar-texto-no-html5\\\/#webpage\",\"url\":\"https:\\\/\\\/blog.juandesouza.com\\\/br\\\/tech\\\/como-justificar-texto-no-html5\\\/\",\"name\":\"How to Justify Text in HTML5 - Juan de Souza\",\"inLanguage\":\"pt-BR\",\"isPartOf\":{\"@id\":\"https:\\\/\\\/blog.juandesouza.com\\\/br\\\/#website\"},\"breadcrumb\":{\"@id\":\"https:\\\/\\\/blog.juandesouza.com\\\/br\\\/tech\\\/como-justificar-texto-no-html5\\\/#breadcrumblist\"},\"author\":{\"@id\":\"https:\\\/\\\/blog.juandesouza.com\\\/br\\\/author\\\/juandesouza\\\/#author\"},\"creator\":{\"@id\":\"https:\\\/\\\/blog.juandesouza.com\\\/br\\\/author\\\/juandesouza\\\/#author\"},\"image\":{\"@type\":\"ImageObject\",\"url\":\"https:\\\/\\\/i0.wp.com\\\/blog.juandesouza.com\\\/wp-content\\\/uploads\\\/2017\\\/09\\\/pexels-goumbik-574071-scaled.jpg?fit=2560%2C1695&ssl=1\",\"@id\":\"https:\\\/\\\/blog.juandesouza.com\\\/br\\\/tech\\\/como-justificar-texto-no-html5\\\/#mainImage\",\"width\":2560,\"height\":1695,\"caption\":\"HTML\"},\"primaryImageOfPage\":{\"@id\":\"https:\\\/\\\/blog.juandesouza.com\\\/br\\\/tech\\\/como-justificar-texto-no-html5\\\/#mainImage\"},\"datePublished\":\"2025-04-13T21:18:25+01:00\",\"dateModified\":\"2025-04-18T02:59:19+01:00\"},{\"@type\":\"WebSite\",\"@id\":\"https:\\\/\\\/blog.juandesouza.com\\\/br\\\/#website\",\"url\":\"https:\\\/\\\/blog.juandesouza.com\\\/br\\\/\",\"name\":\"Juan de Souza\",\"inLanguage\":\"pt-BR\",\"publisher\":{\"@id\":\"https:\\\/\\\/blog.juandesouza.com\\\/br\\\/#organization\"}}]}\n\t\t<\/script>\n\t\t\n\n","aioseo_head_json":{"title":"Como justificar texto em HTML5 - Juan de Souza","description":"","canonical_url":"https:\/\/blog.juandesouza.com\/br\/tech\/como-justificar-texto-no-html5\/","robots":"max-image-preview:large","keywords":"","webmasterTools":{"miscellaneous":""},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"Article","@id":"https:\/\/blog.juandesouza.com\/br\/tech\/como-justificar-texto-no-html5\/#article","name":"How to Justify Text in HTML5 - Juan de Souza","headline":"How to Justify Text in HTML5","author":{"@id":"https:\/\/blog.juandesouza.com\/br\/author\/juandesouza\/#author"},"publisher":{"@id":"https:\/\/blog.juandesouza.com\/br\/#organization"},"image":{"@type":"ImageObject","url":"https:\/\/i0.wp.com\/blog.juandesouza.com\/wp-content\/uploads\/2017\/09\/pexels-goumbik-574071-scaled.jpg?fit=2560%2C1695&ssl=1","width":2560,"height":1695,"caption":"HTML"},"datePublished":"2025-04-13T21:18:25+01:00","dateModified":"2025-04-18T02:59:19+01:00","inLanguage":"pt-BR","mainEntityOfPage":{"@id":"https:\/\/blog.juandesouza.com\/br\/tech\/como-justificar-texto-no-html5\/#webpage"},"isPartOf":{"@id":"https:\/\/blog.juandesouza.com\/br\/tech\/como-justificar-texto-no-html5\/#webpage"},"articleSection":"Devs, Tech"},{"@type":"BreadcrumbList","@id":"https:\/\/blog.juandesouza.com\/br\/tech\/como-justificar-texto-no-html5\/#breadcrumblist","itemListElement":[{"@type":"ListItem","@id":"https:\/\/blog.juandesouza.com\/br\/#listItem","position":1,"name":"In\u00edcio","item":"https:\/\/blog.juandesouza.com\/br\/","nextItem":{"@type":"ListItem","@id":"https:\/\/blog.juandesouza.com\/br\/hashtag\/tech\/#listItem","name":"Tech"}},{"@type":"ListItem","@id":"https:\/\/blog.juandesouza.com\/br\/hashtag\/tech\/#listItem","position":2,"name":"Tech","item":"https:\/\/blog.juandesouza.com\/br\/hashtag\/tech\/","nextItem":{"@type":"ListItem","@id":"https:\/\/blog.juandesouza.com\/br\/hashtag\/tech\/devs\/#listItem","name":"Devs"},"previousItem":{"@type":"ListItem","@id":"https:\/\/blog.juandesouza.com\/br\/#listItem","name":"In\u00edcio"}},{"@type":"ListItem","@id":"https:\/\/blog.juandesouza.com\/br\/hashtag\/tech\/devs\/#listItem","position":3,"name":"Devs","item":"https:\/\/blog.juandesouza.com\/br\/hashtag\/tech\/devs\/","nextItem":{"@type":"ListItem","@id":"https:\/\/blog.juandesouza.com\/br\/tech\/como-justificar-texto-no-html5\/#listItem","name":"How to Justify Text in HTML5"},"previousItem":{"@type":"ListItem","@id":"https:\/\/blog.juandesouza.com\/br\/hashtag\/tech\/#listItem","name":"Tech"}},{"@type":"ListItem","@id":"https:\/\/blog.juandesouza.com\/br\/tech\/como-justificar-texto-no-html5\/#listItem","position":4,"name":"How to Justify Text in HTML5","previousItem":{"@type":"ListItem","@id":"https:\/\/blog.juandesouza.com\/br\/hashtag\/tech\/devs\/#listItem","name":"Devs"}}]},{"@type":"Organization","@id":"https:\/\/blog.juandesouza.com\/br\/#organization","name":"Juan de Souza Media","url":"https:\/\/blog.juandesouza.com\/br\/"},{"@type":"Person","@id":"https:\/\/blog.juandesouza.com\/br\/author\/juandesouza\/#author","url":"https:\/\/blog.juandesouza.com\/br\/author\/juandesouza\/","name":"Juan","image":{"@type":"ImageObject","@id":"https:\/\/blog.juandesouza.com\/br\/tech\/como-justificar-texto-no-html5\/#authorImage","url":"https:\/\/secure.gravatar.com\/avatar\/ba54c20e616940ffe529fd4394c0795f4c3f5172b351703d08781077d6714cf8?s=96&d=mm&r=g","width":96,"height":96,"caption":"Juan"}},{"@type":"WebPage","@id":"https:\/\/blog.juandesouza.com\/br\/tech\/como-justificar-texto-no-html5\/#webpage","url":"https:\/\/blog.juandesouza.com\/br\/tech\/como-justificar-texto-no-html5\/","name":"How to Justify Text in HTML5 - Juan de Souza","inLanguage":"pt-BR","isPartOf":{"@id":"https:\/\/blog.juandesouza.com\/br\/#website"},"breadcrumb":{"@id":"https:\/\/blog.juandesouza.com\/br\/tech\/como-justificar-texto-no-html5\/#breadcrumblist"},"author":{"@id":"https:\/\/blog.juandesouza.com\/br\/author\/juandesouza\/#author"},"creator":{"@id":"https:\/\/blog.juandesouza.com\/br\/author\/juandesouza\/#author"},"image":{"@type":"ImageObject","url":"https:\/\/i0.wp.com\/blog.juandesouza.com\/wp-content\/uploads\/2017\/09\/pexels-goumbik-574071-scaled.jpg?fit=2560%2C1695&ssl=1","@id":"https:\/\/blog.juandesouza.com\/br\/tech\/como-justificar-texto-no-html5\/#mainImage","width":2560,"height":1695,"caption":"HTML"},"primaryImageOfPage":{"@id":"https:\/\/blog.juandesouza.com\/br\/tech\/como-justificar-texto-no-html5\/#mainImage"},"datePublished":"2025-04-13T21:18:25+01:00","dateModified":"2025-04-18T02:59:19+01:00"},{"@type":"WebSite","@id":"https:\/\/blog.juandesouza.com\/br\/#website","url":"https:\/\/blog.juandesouza.com\/br\/","name":"Juan de Souza","inLanguage":"pt-BR","publisher":{"@id":"https:\/\/blog.juandesouza.com\/br\/#organization"}}]}},"aioseo_meta_data":{"post_id":"398","title":null,"description":null,"keywords":null,"keyphrases":{"focus":{"keyphrase":"HTML5","score":90,"analysis":{"keyphraseInTitle":{"score":9,"maxScore":9,"error":0},"keyphraseInDescription":{"score":9,"maxScore":9,"error":0},"keyphraseLength":{"score":9,"maxScore":9,"error":0,"length":1},"keyphraseInURL":{"score":5,"maxScore":5,"error":0},"keyphraseInIntroduction":{"score":9,"maxScore":9,"error":0},"keyphraseInSubHeadings":{"score":3,"maxScore":9,"error":1},"keyphraseInImageAlt":[],"keywordDensity":{"type":"best","score":9,"maxScore":9,"error":0}}},"additional":[]},"primary_term":null,"canonical_url":null,"og_title":null,"og_description":null,"og_object_type":"default","og_image_type":"default","og_image_url":null,"og_image_width":null,"og_image_height":null,"og_image_custom_url":null,"og_image_custom_fields":null,"og_video":"","og_custom_url":null,"og_article_section":null,"og_article_tags":null,"twitter_use_og":false,"twitter_card":"default","twitter_image_type":"default","twitter_image_url":null,"twitter_image_custom_url":null,"twitter_image_custom_fields":null,"twitter_title":null,"twitter_description":null,"schema":{"blockGraphs":[],"customGraphs":[],"default":{"data":{"Article":[],"Course":[],"Dataset":[],"FAQPage":[],"Movie":[],"Person":[],"Product":[],"ProductReview":[],"Car":[],"Recipe":[],"Service":[],"SoftwareApplication":[],"WebPage":[]},"graphName":"Article","isEnabled":true},"graphs":[]},"schema_type":null,"schema_type_options":null,"pillar_content":false,"robots_default":true,"robots_noindex":false,"robots_noarchive":false,"robots_nosnippet":false,"robots_nofollow":false,"robots_noimageindex":false,"robots_noodp":false,"robots_notranslate":false,"robots_max_snippet":"-1","robots_max_videopreview":"-1","robots_max_imagepreview":"large","priority":null,"frequency":"default","local_seo":null,"breadcrumb_settings":null,"limit_modified_date":false,"ai":null,"created":"2021-10-30 16:29:37","updated":"2025-06-15 19:55:59","seo_analyzer_scan_date":null},"aioseo_breadcrumb":"<div class=\"aioseo-breadcrumbs\"><span class=\"aioseo-breadcrumb\">\n\t\t\t<a href=\"https:\/\/blog.juandesouza.com\/br\/\" title=\"In\u00edcio\">In\u00edcio<\/a>\n\t\t<\/span><span class=\"aioseo-breadcrumb-separator\">&raquo;<\/span><span class=\"aioseo-breadcrumb\">\n\t\t\t<a href=\"https:\/\/blog.juandesouza.com\/br\/hashtag\/tech\/\" title=\"Tech\">Tech<\/a>\n\t\t<\/span><span class=\"aioseo-breadcrumb-separator\">&raquo;<\/span><span class=\"aioseo-breadcrumb\">\n\t\t\t<a href=\"https:\/\/blog.juandesouza.com\/br\/hashtag\/tech\/devs\/\" title=\"Devs\">Devs<\/a>\n\t\t<\/span><span class=\"aioseo-breadcrumb-separator\">&raquo;<\/span><span class=\"aioseo-breadcrumb\">\n\t\t\tHow to Justify Text in HTML5\n\t\t<\/span><\/div>","aioseo_breadcrumb_json":[{"label":"In\u00edcio","link":"https:\/\/blog.juandesouza.com\/br\/"},{"label":"Tech","link":"https:\/\/blog.juandesouza.com\/br\/hashtag\/tech\/"},{"label":"Devs","link":"https:\/\/blog.juandesouza.com\/br\/hashtag\/tech\/devs\/"},{"label":"How to Justify Text in HTML5","link":"https:\/\/blog.juandesouza.com\/br\/tech\/como-justificar-texto-no-html5\/"}],"jetpack_featured_media_url":"https:\/\/i0.wp.com\/blog.juandesouza.com\/wp-content\/uploads\/2017\/09\/pexels-goumbik-574071-scaled.jpg?fit=2560%2C1695&ssl=1","jetpack_shortlink":"https:\/\/wp.me\/p8STS8-6q","jetpack_sharing_enabled":true,"amp_enabled":true,"_links":{"self":[{"href":"https:\/\/blog.juandesouza.com\/br\/wp-json\/wp\/v2\/posts\/398","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/blog.juandesouza.com\/br\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/blog.juandesouza.com\/br\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/blog.juandesouza.com\/br\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/blog.juandesouza.com\/br\/wp-json\/wp\/v2\/comments?post=398"}],"version-history":[{"count":2,"href":"https:\/\/blog.juandesouza.com\/br\/wp-json\/wp\/v2\/posts\/398\/revisions"}],"predecessor-version":[{"id":97950,"href":"https:\/\/blog.juandesouza.com\/br\/wp-json\/wp\/v2\/posts\/398\/revisions\/97950"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/blog.juandesouza.com\/br\/wp-json\/wp\/v2\/media\/97949"}],"wp:attachment":[{"href":"https:\/\/blog.juandesouza.com\/br\/wp-json\/wp\/v2\/media?parent=398"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/blog.juandesouza.com\/br\/wp-json\/wp\/v2\/categories?post=398"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/blog.juandesouza.com\/br\/wp-json\/wp\/v2\/tags?post=398"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}