{"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-en-html5","status":"publish","type":"post","link":"https:\/\/blog.juandesouza.com\/es\/tech\/como-justificar-texto-en-html5\/","title":{"rendered":"C\u00f3mo justificar texto en HTML5"},"content":{"rendered":"<p>Justificar texto es una tarea com\u00fan en el dise\u00f1o web, ya que ayuda a crear un dise\u00f1o limpio y profesional al alinear el texto uniformemente a lo largo de los m\u00e1rgenes izquierdo y derecho. En HTML5, la justificaci\u00f3n del texto se suele gestionar con CSS (hojas de estilo en cascada) en lugar de hacerlo directamente en las etiquetas HTML.<\/p>\n<h3>\u00bfPor qu\u00e9 justificar el texto?<\/h3>\n<p>Justificar texto crea un bloque de texto uniforme que se alinea con los bordes izquierdo y derecho del contenedor, similar al texto de un peri\u00f3dico o un libro. Este m\u00e9todo se utiliza a menudo para mejorar la est\u00e9tica de los p\u00e1rrafos, haciendo que el texto parezca m\u00e1s ordenado y organizado.<\/p><div id=\"juand-3520662931\" 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>C\u00f3mo justificar texto usando CSS en HTML5<\/h3>\n<p>Puedes justificar texto en HTML5 usando el <code>alineaci\u00f3n de texto<\/code> propiedad en CSS. La <code>alineaci\u00f3n de texto<\/code> La propiedad controla la alineaci\u00f3n horizontal del texto dentro de un contenedor. Para justificar el texto, simplemente use el valor <code>justificar<\/code>.<\/p>\n<p>Aqu\u00ed te explicamos c\u00f3mo hacerlo:<\/p>\n<h3>Ejemplo:<\/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;Ejemplo de justificar texto&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;C&oacute;mo justificar texto en HTML5&lt;\/h1&gt;\r\n    &lt;p&gt;\r\n        Lorem ipsum dolor sit amet, consectetur adipiscing elit. Pellentesque quis felis velit. Nulla facilisi. Entero convallis, orci a egetas 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. N&uacute;mero entero auctor 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. Nulla facilisi. 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>Explicaci\u00f3n:<\/h3>\n<ul>\n<li><strong>Estructura HTML<\/strong>:\n<ul>\n<li>El <code>&lt;h1&gt;<\/code> La etiqueta se utiliza para el encabezado y dos <code>&lt;p&gt;<\/code> Las etiquetas se utilizan para p\u00e1rrafos de texto.<\/li>\n<\/ul>\n<\/li>\n<li><strong>CSS<\/strong>:\n<ul>\n<li>El <code>alinear texto: justificar;<\/code> El estilo se aplica a todos <code>&lt;p&gt;<\/code> elementos. Esto garantiza que el texto dentro de estas etiquetas de p\u00e1rrafo est\u00e9 justificado, lo que significa que se estirar\u00e1 para alinear los m\u00e1rgenes izquierdo y derecho.<\/li>\n<\/ul>\n<\/li>\n<\/ul>\n<h3>Alternativa: Justificar el texto para elementos espec\u00edficos<\/h3>\n<p>Si no desea aplicar la justificaci\u00f3n a todos los p\u00e1rrafos, sino solo a algunos espec\u00edficos, puede usar una clase o ID para apuntar a elementos particulares.<\/p>\n<h4>Ejemplo usando una clase:<\/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;Ejemplo de justificar texto&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;C&oacute;mo justificar texto en HTML5&lt;\/h1&gt;\r\n    &lt;p class=&quot;justify-text&quot;&gt;\r\n        Lorem ipsum dolor sit amet, consectetur adipiscing elit. Pellantesque quis felis velit. Nulla facilisi. Entero 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 p&aacute;rrafo no estar&aacute; justificado porque no tiene la clase &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>En este ejemplo, solo el p\u00e1rrafo con la clase <code>justificar texto<\/code> est\u00e1 justificado y el segundo p\u00e1rrafo permanece alineado a la izquierda.<\/p><div id=\"juand-3806998351\" 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>Cosas a tener en cuenta:<\/h3>\n<ol>\n<li><strong>Legibilidad<\/strong>El texto justificado a veces puede crear un espaciado desigual entre palabras, especialmente si la longitud de l\u00ednea es corta. Esto puede afectar la legibilidad. Es importante probar la justificaci\u00f3n en diferentes dispositivos y tama\u00f1os de pantalla para garantizar una apariencia clara y legible.<\/li>\n<li><strong>Separaci\u00f3n<\/strong>El texto justificado tambi\u00e9n puede provocar saltos de l\u00ednea inc\u00f3modos. Para mejorar la apariencia del texto, puede habilitar la separaci\u00f3n de palabras en CSS mediante <code>guiones<\/code> propiedad (aunque no todos los navegadores admiten esta funci\u00f3n).\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>Alineaciones alternativas<\/strong>:Si decide que la justificaci\u00f3n no se ve bien en todos los casos, puede experimentar con otras alineaciones de texto, como <code>izquierda<\/code>, <code>bien<\/code>, o <code>centro<\/code>, utilizando el <code>alineaci\u00f3n de texto<\/code> propiedad.<\/li>\n<\/ol>\n<h3>Conclusi\u00f3n<\/h3>\n<p>Justificar texto en HTML5 es sencillo de lograr usando CSS con el <code>alinear texto: justificar;<\/code> Propiedad. Ayuda a crear bloques de texto limpios y de aspecto profesional, comunes en libros, peri\u00f3dicos y sitios web. Ya sea que desee justificar el texto en toda la p\u00e1gina o solo en elementos espec\u00edficos, CSS ofrece una forma sencilla de implementar esta funci\u00f3n y adaptarla a sus necesidades.<\/p>\n<p>Foto de <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 es una tarea com\u00fan en el dise\u00f1o web, ya que ayuda a crear un dise\u00f1o limpio y profesional al alinear el texto uniformemente a lo largo de los m\u00e1rgenes izquierdo y derecho. En HTML5, la justificaci\u00f3n del texto se suele gestionar con CSS (hojas de estilo en cascada) en lugar de hacerlo directamente en las etiquetas 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\/es\/tech\/como-justificar-texto-en-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\\\/es\\\/tech\\\/como-justificar-texto-en-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\\\/es\\\/author\\\/juandesouza\\\/#author\"},\"publisher\":{\"@id\":\"https:\\\/\\\/blog.juandesouza.com\\\/es\\\/#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\":\"es-ES\",\"mainEntityOfPage\":{\"@id\":\"https:\\\/\\\/blog.juandesouza.com\\\/es\\\/tech\\\/como-justificar-texto-en-html5\\\/#webpage\"},\"isPartOf\":{\"@id\":\"https:\\\/\\\/blog.juandesouza.com\\\/es\\\/tech\\\/como-justificar-texto-en-html5\\\/#webpage\"},\"articleSection\":\"Devs, Tech\"},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\\\/\\\/blog.juandesouza.com\\\/es\\\/tech\\\/como-justificar-texto-en-html5\\\/#breadcrumblist\",\"itemListElement\":[{\"@type\":\"ListItem\",\"@id\":\"https:\\\/\\\/blog.juandesouza.com\\\/es\\\/#listItem\",\"position\":1,\"name\":\"In\\u00edcio\",\"item\":\"https:\\\/\\\/blog.juandesouza.com\\\/es\\\/\",\"nextItem\":{\"@type\":\"ListItem\",\"@id\":\"https:\\\/\\\/blog.juandesouza.com\\\/es\\\/hashtag\\\/tech\\\/#listItem\",\"name\":\"Tech\"}},{\"@type\":\"ListItem\",\"@id\":\"https:\\\/\\\/blog.juandesouza.com\\\/es\\\/hashtag\\\/tech\\\/#listItem\",\"position\":2,\"name\":\"Tech\",\"item\":\"https:\\\/\\\/blog.juandesouza.com\\\/es\\\/hashtag\\\/tech\\\/\",\"nextItem\":{\"@type\":\"ListItem\",\"@id\":\"https:\\\/\\\/blog.juandesouza.com\\\/es\\\/hashtag\\\/tech\\\/devs\\\/#listItem\",\"name\":\"Devs\"},\"previousItem\":{\"@type\":\"ListItem\",\"@id\":\"https:\\\/\\\/blog.juandesouza.com\\\/es\\\/#listItem\",\"name\":\"In\\u00edcio\"}},{\"@type\":\"ListItem\",\"@id\":\"https:\\\/\\\/blog.juandesouza.com\\\/es\\\/hashtag\\\/tech\\\/devs\\\/#listItem\",\"position\":3,\"name\":\"Devs\",\"item\":\"https:\\\/\\\/blog.juandesouza.com\\\/es\\\/hashtag\\\/tech\\\/devs\\\/\",\"nextItem\":{\"@type\":\"ListItem\",\"@id\":\"https:\\\/\\\/blog.juandesouza.com\\\/es\\\/tech\\\/como-justificar-texto-en-html5\\\/#listItem\",\"name\":\"How to Justify Text in HTML5\"},\"previousItem\":{\"@type\":\"ListItem\",\"@id\":\"https:\\\/\\\/blog.juandesouza.com\\\/es\\\/hashtag\\\/tech\\\/#listItem\",\"name\":\"Tech\"}},{\"@type\":\"ListItem\",\"@id\":\"https:\\\/\\\/blog.juandesouza.com\\\/es\\\/tech\\\/como-justificar-texto-en-html5\\\/#listItem\",\"position\":4,\"name\":\"How to Justify Text in HTML5\",\"previousItem\":{\"@type\":\"ListItem\",\"@id\":\"https:\\\/\\\/blog.juandesouza.com\\\/es\\\/hashtag\\\/tech\\\/devs\\\/#listItem\",\"name\":\"Devs\"}}]},{\"@type\":\"Organization\",\"@id\":\"https:\\\/\\\/blog.juandesouza.com\\\/es\\\/#organization\",\"name\":\"Juan de Souza Media\",\"url\":\"https:\\\/\\\/blog.juandesouza.com\\\/es\\\/\"},{\"@type\":\"Person\",\"@id\":\"https:\\\/\\\/blog.juandesouza.com\\\/es\\\/author\\\/juandesouza\\\/#author\",\"url\":\"https:\\\/\\\/blog.juandesouza.com\\\/es\\\/author\\\/juandesouza\\\/\",\"name\":\"Juan\",\"image\":{\"@type\":\"ImageObject\",\"@id\":\"https:\\\/\\\/blog.juandesouza.com\\\/es\\\/tech\\\/como-justificar-texto-en-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\\\/es\\\/tech\\\/como-justificar-texto-en-html5\\\/#webpage\",\"url\":\"https:\\\/\\\/blog.juandesouza.com\\\/es\\\/tech\\\/como-justificar-texto-en-html5\\\/\",\"name\":\"How to Justify Text in HTML5 - Juan de Souza\",\"inLanguage\":\"es-ES\",\"isPartOf\":{\"@id\":\"https:\\\/\\\/blog.juandesouza.com\\\/es\\\/#website\"},\"breadcrumb\":{\"@id\":\"https:\\\/\\\/blog.juandesouza.com\\\/es\\\/tech\\\/como-justificar-texto-en-html5\\\/#breadcrumblist\"},\"author\":{\"@id\":\"https:\\\/\\\/blog.juandesouza.com\\\/es\\\/author\\\/juandesouza\\\/#author\"},\"creator\":{\"@id\":\"https:\\\/\\\/blog.juandesouza.com\\\/es\\\/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\\\/es\\\/tech\\\/como-justificar-texto-en-html5\\\/#mainImage\",\"width\":2560,\"height\":1695,\"caption\":\"HTML\"},\"primaryImageOfPage\":{\"@id\":\"https:\\\/\\\/blog.juandesouza.com\\\/es\\\/tech\\\/como-justificar-texto-en-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\\\/es\\\/#website\",\"url\":\"https:\\\/\\\/blog.juandesouza.com\\\/es\\\/\",\"name\":\"Juan de Souza\",\"inLanguage\":\"es-ES\",\"publisher\":{\"@id\":\"https:\\\/\\\/blog.juandesouza.com\\\/es\\\/#organization\"}}]}\n\t\t<\/script>\n\t\t\n\n","aioseo_head_json":{"title":"C\u00f3mo justificar texto en HTML5 - Juan de Souza","description":"","canonical_url":"https:\/\/blog.juandesouza.com\/es\/tech\/como-justificar-texto-en-html5\/","robots":"max-image-preview:large","keywords":"","webmasterTools":{"miscellaneous":""},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"Article","@id":"https:\/\/blog.juandesouza.com\/es\/tech\/como-justificar-texto-en-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\/es\/author\/juandesouza\/#author"},"publisher":{"@id":"https:\/\/blog.juandesouza.com\/es\/#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":"es-ES","mainEntityOfPage":{"@id":"https:\/\/blog.juandesouza.com\/es\/tech\/como-justificar-texto-en-html5\/#webpage"},"isPartOf":{"@id":"https:\/\/blog.juandesouza.com\/es\/tech\/como-justificar-texto-en-html5\/#webpage"},"articleSection":"Devs, Tech"},{"@type":"BreadcrumbList","@id":"https:\/\/blog.juandesouza.com\/es\/tech\/como-justificar-texto-en-html5\/#breadcrumblist","itemListElement":[{"@type":"ListItem","@id":"https:\/\/blog.juandesouza.com\/es\/#listItem","position":1,"name":"In\u00edcio","item":"https:\/\/blog.juandesouza.com\/es\/","nextItem":{"@type":"ListItem","@id":"https:\/\/blog.juandesouza.com\/es\/hashtag\/tech\/#listItem","name":"Tech"}},{"@type":"ListItem","@id":"https:\/\/blog.juandesouza.com\/es\/hashtag\/tech\/#listItem","position":2,"name":"Tech","item":"https:\/\/blog.juandesouza.com\/es\/hashtag\/tech\/","nextItem":{"@type":"ListItem","@id":"https:\/\/blog.juandesouza.com\/es\/hashtag\/tech\/devs\/#listItem","name":"Devs"},"previousItem":{"@type":"ListItem","@id":"https:\/\/blog.juandesouza.com\/es\/#listItem","name":"In\u00edcio"}},{"@type":"ListItem","@id":"https:\/\/blog.juandesouza.com\/es\/hashtag\/tech\/devs\/#listItem","position":3,"name":"Devs","item":"https:\/\/blog.juandesouza.com\/es\/hashtag\/tech\/devs\/","nextItem":{"@type":"ListItem","@id":"https:\/\/blog.juandesouza.com\/es\/tech\/como-justificar-texto-en-html5\/#listItem","name":"How to Justify Text in HTML5"},"previousItem":{"@type":"ListItem","@id":"https:\/\/blog.juandesouza.com\/es\/hashtag\/tech\/#listItem","name":"Tech"}},{"@type":"ListItem","@id":"https:\/\/blog.juandesouza.com\/es\/tech\/como-justificar-texto-en-html5\/#listItem","position":4,"name":"How to Justify Text in HTML5","previousItem":{"@type":"ListItem","@id":"https:\/\/blog.juandesouza.com\/es\/hashtag\/tech\/devs\/#listItem","name":"Devs"}}]},{"@type":"Organization","@id":"https:\/\/blog.juandesouza.com\/es\/#organization","name":"Juan de Souza Media","url":"https:\/\/blog.juandesouza.com\/es\/"},{"@type":"Person","@id":"https:\/\/blog.juandesouza.com\/es\/author\/juandesouza\/#author","url":"https:\/\/blog.juandesouza.com\/es\/author\/juandesouza\/","name":"Juan","image":{"@type":"ImageObject","@id":"https:\/\/blog.juandesouza.com\/es\/tech\/como-justificar-texto-en-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\/es\/tech\/como-justificar-texto-en-html5\/#webpage","url":"https:\/\/blog.juandesouza.com\/es\/tech\/como-justificar-texto-en-html5\/","name":"How to Justify Text in HTML5 - Juan de Souza","inLanguage":"es-ES","isPartOf":{"@id":"https:\/\/blog.juandesouza.com\/es\/#website"},"breadcrumb":{"@id":"https:\/\/blog.juandesouza.com\/es\/tech\/como-justificar-texto-en-html5\/#breadcrumblist"},"author":{"@id":"https:\/\/blog.juandesouza.com\/es\/author\/juandesouza\/#author"},"creator":{"@id":"https:\/\/blog.juandesouza.com\/es\/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\/es\/tech\/como-justificar-texto-en-html5\/#mainImage","width":2560,"height":1695,"caption":"HTML"},"primaryImageOfPage":{"@id":"https:\/\/blog.juandesouza.com\/es\/tech\/como-justificar-texto-en-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\/es\/#website","url":"https:\/\/blog.juandesouza.com\/es\/","name":"Juan de Souza","inLanguage":"es-ES","publisher":{"@id":"https:\/\/blog.juandesouza.com\/es\/#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\/es\/\" 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\/es\/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\/es\/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\/es\/"},{"label":"Tech","link":"https:\/\/blog.juandesouza.com\/es\/hashtag\/tech\/"},{"label":"Devs","link":"https:\/\/blog.juandesouza.com\/es\/hashtag\/tech\/devs\/"},{"label":"How to Justify Text in HTML5","link":"https:\/\/blog.juandesouza.com\/es\/tech\/como-justificar-texto-en-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\/es\/wp-json\/wp\/v2\/posts\/398","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/blog.juandesouza.com\/es\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/blog.juandesouza.com\/es\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/blog.juandesouza.com\/es\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/blog.juandesouza.com\/es\/wp-json\/wp\/v2\/comments?post=398"}],"version-history":[{"count":2,"href":"https:\/\/blog.juandesouza.com\/es\/wp-json\/wp\/v2\/posts\/398\/revisions"}],"predecessor-version":[{"id":97950,"href":"https:\/\/blog.juandesouza.com\/es\/wp-json\/wp\/v2\/posts\/398\/revisions\/97950"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/blog.juandesouza.com\/es\/wp-json\/wp\/v2\/media\/97949"}],"wp:attachment":[{"href":"https:\/\/blog.juandesouza.com\/es\/wp-json\/wp\/v2\/media?parent=398"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/blog.juandesouza.com\/es\/wp-json\/wp\/v2\/categories?post=398"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/blog.juandesouza.com\/es\/wp-json\/wp\/v2\/tags?post=398"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}