Corrija el diseño en html

Cómo arreglar el diseño en html sin complicaciones

Ya sea que ya estés acostumbrado a trabajar con html o que estés manejando este formato por primera vez, editarlo no debería parecer un desafío. Diferentes formatos pueden requerir aplicaciones específicas para abrirlos y editarlos correctamente. Sin embargo, si necesitas arreglar rápidamente el diseño en html como parte de tu proceso habitual, lo mejor es conseguir una herramienta multifuncional que permita todo tipo de operaciones sin necesidad de esfuerzo adicional.

Prueba DocHub para una edición elegante de html y también otros formatos de archivo. Nuestra plataforma ofrece un procesamiento de documentos sencillo, independientemente de cuánta o poca experiencia previa tengas. Con herramientas que te permiten trabajar en cualquier formato, no necesitarás saltar entre ventanas de edición al trabajar con cada uno de tus documentos. Crea, edita, anota y comparte tus documentos sin esfuerzo para ahorrar tiempo en tareas menores de edición. Solo necesitarás registrarte en una nueva cuenta de DocHub, y luego podrás comenzar tu trabajo de inmediato.

Sigue estos simples pasos para arreglar el diseño en html

Visita el sitio web de DocHub, encuentra el botón Crear cuenta gratuita en su página de inicio y haz clic en él para comenzar tu registro.
Ingresa tu dirección de correo electrónico actual y crea una contraseña segura. También puedes utilizar tu cuenta de Gmail para acelerar el proceso de registro.
Una vez que hayas terminado con el registro, ve al Tablero y agrega tu html para editar. Cárgalo desde tu dispositivo o usa el enlace a su ubicación en tu almacenamiento en la nube.
Haz clic en el documento agregado para abrirlo en el editor y luego realiza todos los ajustes que tengas en mente utilizando nuestras herramientas.
Completa tu revisión guardando tu documento o descargándolo en tu computadora. También puedes enviarlo instantáneamente a un destinatario dedicado en la pestaña de DocHub.

Observa una mejora en la eficiencia del procesamiento de documentos con el conjunto de características sencillas de DocHub. Edita cualquier archivo de manera fácil y rápida, independientemente de su formato. Disfruta de todos los beneficios que provienen de la eficiencia y conveniencia de nuestra plataforma.

Edición de PDF simplificada con DocHub

Edición de PDF sin complicaciones

Editar un PDF es tan simple como trabajar en un documento de Word. Puedes agregar texto, dibujos, resaltados y ocultar o anotar tu documento sin afectar su calidad. Sin texto rasterizado ni campos eliminados. Usa un editor de PDF en línea para obtener tu documento perfecto en minutos.

Trabajo en equipo fluido

Colabora en documentos con tu equipo usando un dispositivo de escritorio o móvil. Permite que otros vean, editen, comenten y firmen tus documentos en línea. También puedes hacer tu formulario público y compartir su URL en cualquier lugar.

Guardado automático

Cada cambio que realices en un documento se guarda automáticamente en la nube y se sincroniza en todos los dispositivos en tiempo real. No es necesario enviar nuevas versiones de un documento o preocuparse por perder información.

Integraciones de Google

DocHub se integra con Google Workspace para que puedas importar, editar y firmar tus documentos directamente desde tu Gmail, Google Drive y Dropbox. Cuando termines, exporta documentos a Google Drive o importa tu libreta de direcciones de Google y comparte el documento con tus contactos.

Potentes herramientas de PDF en tu dispositivo móvil

Mantén tu trabajo en marcha incluso cuando estés lejos de tu ordenador. DocHub funciona en móvil con la misma facilidad que en escritorio. Edita, anota y firma documentos desde la comodidad de tu teléfono inteligente o tableta. No es necesario instalar la aplicación.

Compartición y almacenamiento de documentos seguros

Comparte, envía por correo electrónico y envía documentos por fax instantáneamente de una manera segura y conforme. Establece una contraseña, coloca tus documentos en carpetas encriptadas y habilita la autenticación del destinatario para controlar quién tiene acceso a tus documentos. Una vez finalizado, mantiene tus documentos seguros en la nube.

Aumenta la eficiencia con el complemento DocHub para Google Workspace

Accede a documentos y edítalos, fírmalos y compártelos directamente desde tus aplicaciones de Google favoritas.

Instalar ahora

Cómo hacer Corregir diseño en html

4.6 de 5

42 votos

hola y bienvenidos de nuevo a este canal y en el video de hoy voy a mostrarte cómo diseñar este sitio web dedocHub está bien, tenemos este banner fijo está bien una barra de navegación fija y luego un efecto de paralaje aquí uh puedes ver que la imagen está fija así que cuando me desplazo hacia abajo um el área de texto es lo único que se mueve y luego la barra de navegación también es pegajosa no se mueve al desplazarse hacia abajo así que voy a mostrarte cómo diseñar esto usando html y css así que eso es lo que vamos a hacer ahora mismo así que voy a escribir la primera etiqueta que va a ser una etiqueta div y le voy a dar una clase de área de caja así y luego voy a agregar otra etiqueta que va a ser una etiqueta de encabezado y dentro de esta etiqueta de encabezado agregaré otra etiqueta div y le daré una clase de envoltura agregaré otra etiqueta div con una clase diré logo está bien y aquí simplemente voy a agregar un enlace así que si tuvieras un logo está bien una imagen podrías agregar y dejarlo como una etiqueta de imagen aquí pero en mi caso simplemente voy a agregar

Funciones relacionadas

Extender Período Charter Gratis

Extender el tiempo de chárter gratis

Imprimir Certificado de Columnas Gratis

Extender el contrato anual gratis

Certificado de Columnas de Tipo Gratis

Extender la Acreditación del Día Gratis

Extender la Acreditación de Horas Gratis

Prepare la Aplicación de Moneda Gratis

¿Tienes preguntas?

A continuación, algunas preguntas comunes de nuestros clientes que pueden proporcionarte la respuesta que buscas. Si no puedes encontrar una respuesta a tu pregunta, no dudes en ponerte en contacto con nosotros.

Contacto

¿Cómo arreglas algo en HTML?

Para crear un menú fijo en la parte superior, usa position:fixed y top:0 . Ten en cuenta que el menú fijo se superpondrá a tu otro contenido. Para solucionar esto, agrega un margen superior (al contenido) que sea igual o mayor que la altura de tu menú.

¿Cómo fijo el tamaño de la página en HTML?

Si estableces el ancho al 100% en el elemento body, tendrás un ancho de página completo. Esto es esencialmente equivalente a no establecer un valor de ancho y permitir el valor predeterminado. Si deseas usar el elemento body como un contenedor más pequeño y dejar que el elemento HTML llene la página, podrías establecer un valor de max-width en el body.

¿Por qué mi página HTML es demasiado ancha?

Causa: Hay algo en la página que es más ancho que la ventana del navegador. Esto obliga al navegador a usar barras de desplazamiento horizontal para que el usuario pueda moverse de un lado a otro. Nota: Aunque a veces puede haber una razón legítima para crear una página así, generalmente se considera un mal diseño.

¿Qué es el diseño de layout fijo?

Un diseño de posición fija permite que el producto permanezca en un lugar mientras los trabajadores y la maquinaria se mueven hacia él según sea necesario. Los productos que son imposibles de mover—barcos, aviones y proyectos de construcción—se producen típicamente utilizando un diseño de posición fija.

¿Por qué mi código HTML no funciona?

Asegúrate de que tu editor esté configurado en texto plano para que no se inserten caracteres especiales en tu HTML y CSS. Si tienes problemas, mira el código fuente usando el menú “ver fuente” (en Safari, Ver > Fuente). Esto a menudo descubrirá problemas como caracteres especiales que podrías no estar viendo en tu editor habitual.

¿Cómo hago que mi página HTML se ajuste a la pantalla?

Debes establecer body y html en position:fixed; , y luego establecer right: , left: , top: , y bottom: en 0; . De esa manera, incluso si el contenido desborda, no se extenderá más allá de los límites de la ventana gráfica. Advertencia: Usando este método, si el usuario hace su ventana más pequeña, el contenido se cortará.

¿Cómo evito que HTML se redimensione?

Para evitar que un campo de texto se redimensione, puedes usar la propiedad CSS resize con su valor "none". Después de eso, puedes usar las propiedades de height y width para definir una altura y un ancho fijos para tu elemento

.</div>
                </div>
                                    <div class="accordion__panel">
                    <h3 class="accordion__panel-title" role="tab" tabindex="7" data-qa-tag="faq-tab-8">
                        <div class="accordion__panel-status"></div>
                        ¿Cómo arreglo el contenido HTML?
                    </h3>
                    <div class="accordion__panel-body" role="tabpanel" data-qa-tag="faq-tab-8-content">Para crear un menú fijo en la parte superior, usa position:fixed y top:0 . Ten en cuenta que el menú fijo se superpondrá a tu otro contenido. Para solucionar esto, agrega un margen superior (al contenido) que sea igual o mayor que la altura de tu menú.</div>
                </div>
                                    <div class="accordion__panel">
                    <h3 class="accordion__panel-title" role="tab" tabindex="8" data-qa-tag="faq-tab-9">
                        <div class="accordion__panel-status"></div>
                        ¿Cómo cambio el tamaño del contenido en HTML?
                    </h3>
                    <div class="accordion__panel-body" role="tabpanel" data-qa-tag="faq-tab-9-content">En HTML, puedes cambiar el tamaño del texto con la etiqueta <font> usando el atributo size. El atributo size especifica qué tan grande se mostrará una fuente en términos relativos o absolutos. Cierra la etiqueta <font> con </font> para volver a un tamaño de texto normal.</div>
                </div>
                                    <div class="accordion__panel">
                    <h3 class="accordion__panel-title" role="tab" tabindex="9" data-qa-tag="faq-tab-10">
                        <div class="accordion__panel-status"></div>
                        ¿Cómo estableces dimensiones en HTML?
                    </h3>
                    <div class="accordion__panel-body" role="tabpanel" data-qa-tag="faq-tab-10-content">La altura y el ancho se pueden establecer en términos de píxeles. El atributo height de <img> se usa para establecer la altura de la imagen en píxeles. El atributo width de <img> se usa para establecer el ancho de la imagen en píxeles. Ejemplo 1: En este ejemplo, estableceremos el ancho y la altura de una imagen.</div>
                </div>
                            </div>
        </div>
    </div>
</section>
    <section class="page-section page-section--customers-reviews">
    <div class="page-section__inner">
                    <h2 class="section-title">Ve por qué nuestros clientes eligen DocHub</h2>
                <div class="user-reviews">
            <div class="user-reviews__item">
                <div class="user-review">
                    <div class="user-review__header">
                        <div class="rating">
                            <div class="rating__stars">
                                <div class="rating__star is-filled"></div>
                                <div class="rating__star is-filled"></div>
                                <div class="rating__star is-filled"></div>
                                <div class="rating__star is-filled"></div>
                                <div class="rating__star is-half-filled"></div>
                            </div>
                        </div>
                        <div class="user-review__platform-logo"></div>
                    </div>
                    <div class="user-review__body">
                        <div class="user-review__title">Gran solución para documentos PDF con muy poco conocimiento previo requerido.</div>
                        <div class="user-review__message">"Simplicidad, familiaridad con el menú y fácil de usar. Es fácil de navegar, hacer cambios y editar lo que necesites. Como se utiliza junto a Google, el documento siempre se guarda, así que no tienes que preocuparte por ello."</div>
                        <div class="user-review__author">
                            <div class="user-review__author-avatar"><img src="https://cdn.mrkhub.com/dochub-frontend/151/images/_pages/functionality/icons/photo-pam@2x.png" alt="" loading="lazy"></div>
                            <div class="user-review__author-name"><b>Pam Driscoll F</b><br>Profesora</div>
                        </div>
                    </div>
                </div>
            </div>
            <div class="user-reviews__item">
                <div class="user-review">
                    <div class="user-review__header">
                        <div class="rating">
                            <div class="rating__stars">
                                <div class="rating__star is-filled"></div>
                                <div class="rating__star is-filled"></div>
                                <div class="rating__star is-filled"></div>
                                <div class="rating__star is-filled"></div>
                                <div class="rating__star is-half-filled"></div>
                            </div>
                        </div>
                        <div class="user-review__platform-logo"></div>
                    </div>
                    <div class="user-review__body">
                        <div class="user-review__title">Un valioso firmador de documentos para pequeñas empresas.</div>
                        <div class="user-review__message">"Me encanta que DocHub sea increíblemente asequible y personalizable. Realmente hace todo lo que necesito, sin un gran precio como algunos de sus competidores más conocidos. Puedo enviar documentos seguros directamente a los correos electrónicos de mis clientes y en tiempo real cuando están viendo y haciendo alteraciones a un documento."</div>
                        <div class="user-review__author">
                            <div class="user-review__author-avatar"><img src="https://cdn.mrkhub.com/dochub-frontend/151/images/_pages/functionality/icons/photo-jiovany@2x.png" alt="" loading="lazy"></div>
                            <div class="user-review__author-name"><b>Jiovany A</b><br>Pequeña Empresa</div>
                        </div>
                    </div>
                </div>
            </div>
            <div class="user-reviews__item">
                <div class="user-review">
                    <div class="user-review__header">
                        <div class="rating">
                            <div class="rating__stars">
                                <div class="rating__star is-filled"></div>
                                <div class="rating__star is-filled"></div>
                                <div class="rating__star is-filled"></div>
                                <div class="rating__star is-filled"></div>
                                <div class="rating__star is-half-filled"></div>
                            </div>
                        </div>
                        <div class="user-review__platform-logo"> </div>
                    </div>
                    <div class="user-review__body">
                        <div class="user-review__title">Puedo crear copias rellenables para las plantillas que selecciono y luego puedo publicarlas.</div>
                        <div class="user-review__message">"Me gusta trabajar y organizar mi trabajo de la manera adecuada para cumplir e incluso superar las demandas que se hacen a diario en la oficina, así que disfruto trabajar con archivos PDF, creo que son más profesionales y versátiles, permiten..."</div>
                        <div class="user-review__author">
                            <div class="user-review__author-avatar"><img src="https://cdn.mrkhub.com/dochub-frontend/151/images/_pages/functionality/icons/photo-victoria@2x.png" alt="" loading="lazy"></div>
                            <div class="user-review__author-name"><b>Victoria G</b><br>Pequeña Empresa</div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
</section>
    <section class="page-section page-section--c2a-get-form">
        <div class="page-section__inner">
            <div class="section-title-preamble">esté listo para obtener más</div>
            <h4 class="section-title">Edita y firma PDF<span class="section-title__accent">gratis</span></h4>
            <a class="button"
               tabindex="0"
               data-qa-tag="button-cta-get-started"
               onclick="sksTracker.trackBeforeAction()"
               href="https://dochub.com/sign-up"
               data-metric-ab-tower="dh_lp_sign_up_buttons_in_lp_functionalities"
               >Empieza ahora</a>
        </div>
    </section>
    <section class="page-section page-section--related-searches">
    <div class="page-section__inner">
                    <h3 class="section-title">Búsquedas relacionadas</h3>
                <div class="tags-group">
                            <span class="tag" data-qa-tag="tag-link-1">página html de ancho y alto fijos</span>
                            <span class="tag" data-qa-tag="tag-link-2">html de ancho fijo</span>
                            <span class="tag" data-qa-tag="tag-link-3">ejemplos de código de diseño de página web en html</span>
                            <span class="tag" data-qa-tag="tag-link-4">diseño de página web en código html</span>
                            <span class="tag" data-qa-tag="tag-link-5">diseños html</span>
                            <span class="tag" data-qa-tag="tag-link-6">ejemplo de diseño html</span>
                            <span class="tag" data-qa-tag="tag-link-7">ejemplos de diseño web responsivo con código fuente</span>
                            <span class="tag" data-qa-tag="tag-link-8">texto html de ancho fijo</span>
                    </div>
    </div>
</section>

<div class="page__footer">
            <div class="page-section page-section--footer">
        <div class="page-section__inner">
            <div class="footer-section">
                <div class="logo"><img class="logo__image" src="https://cdn.mrkhub.com/dochub-frontend/151/images/logos/dochub-reverse-2025.svg" alt="DocHub logo" width="104" height="24" loading="lazy"></div>
                <div class="footer-section footer-section--only-tablet"><a class="footer-contact-email" href="mailto:support@dochub.com">support@dochub.com</a>
                    <div class="footer-contact-address">17 Station St., Ste 3 Brookline, MA 02445</div>
                    <div class="socials-list lazy-background">
                        <div class="socials-list__item"><a class="socials-link socials-link--twitter" href="https://twitter.com/dochub">Follow Us</a></div>
                    </div>
                </div>

<div class="copyright-caption">© 2025 DocHub, LLC</div>
            </div>
            <div class="footer-section">
    <div class="footer-section-title">Products</div>
    <div class="footer-menu">
        <div class="footer-menu__item"><a class="footer-menu__link" href="https://dochub.com/pdf-editor">PDF Editor</a></div>
        <div class="footer-menu__item"><a class="footer-menu__link" href="https://dochub.com/pdf-forms">Forms & Templates</a></div>
        <div class="footer-menu__item"><a class="footer-menu__link" href="https://dochub.com/sign-documents">Sign Documents</a></div>
        <div class="footer-menu__item"><a class="footer-menu__link" rel="noopener" target="_blank" href="https://dochub.statuspage.io/">Server Status</a></div>
        <div class="footer-menu__item"><a class="footer-menu__link" href="https://dochub.com/pricing">Pricing</a></div>
        <div class="footer-menu__item"><a class="footer-menu__link" href="https://www.dochub.com/fillable-form">Forms Library</a></div>
        <div class="footer-menu__item"><a class="footer-menu__link" href="https://www.dochub.com/en/main-features">Features</a></div>
        <div class="footer-menu__item"><a class="footer-menu__link" href="https://www.dochub.com/es/functionality">Functions</a></div>
    </div>
</div>
<div class="footer-section">
    <div class="footer-section-title">Company</div>
    <div class="footer-menu">
        <div class="footer-menu__item"><a class="footer-menu__link" href="https://www.dochub.com/en/about-us">About</a></div>
        <div class="footer-menu__item"><a class="footer-menu__link" href="https://dochub.com/site/terms-of-services">Terms</a></div>
        <div class="footer-menu__item"><a class="footer-menu__link" href="https://dochub.com/site/privacy-notice">Privacy Notice</a></div>
        <div class="footer-menu__item"><a class="footer-menu__link" href="https://dochub.com/site/legal">Legal</a></div>
        <div class="footer-menu__item"><a class="footer-menu__link" rel="noopener" target="_blank" href="https://dochub.com/helpdesk">Support</a></div>
        <div class="footer-menu__item"><a class="footer-menu__link" href="https://dochub.com/release-notes">Release Notes</a></div>
    </div>
</div>
<div class="footer-section">
    <div class="footer-section-title">Resources</div>
    <div class="footer-menu">
        <div class="footer-menu__item"><a class="footer-menu__link" rel="noopener" target="_blank" href="https://www.pdffiller.com/">pdfFiller</a></div>
        <div class="footer-menu__item"><a class="footer-menu__link" rel="noopener" target="_blank" href="https://www.uslegalforms.com/">US Legal Forms</a></div>
        <div class="footer-menu__item"><a class="footer-menu__link" rel="noopener" target="_blank" href="https://www.signnow.com/">Electronic Signature</a></div>
        <div class="footer-menu__item"><a class="footer-menu__link" rel="noopener" target="_blank" href="https://www.airslate.com ">No-code document workflows</a></div>
        <div class="footer-menu__item"><a class="footer-menu__link" rel="noopener" target="_blank" href="https://www.dochub.com/en/mobile-app">DocHub Mobile App</a></div>
    </div>
</div>
            <div class="footer-section">
                <div class="footer-section-title">What's New</div>
                <div class="text-label text-label text-label--new">New</div>
                <div class="release-note-caption">DocHub v6 Released! Multi-file envelopes, bulk file importing, and multi-page reordering and much more.</div>
            </div>
            <div class="footer-section footer-section--only-desktop">
                <div class="footer-section-title footer-section-title--mobile-only">Contact us</div>
                <a class="footer-contact-email" href="mailto:support@dochub.com">support@dochub.com</a>
                <div class="footer-contact-address">17 Station St., Ste 3 Brookline, MA 02445</div>
                <div class="socials-list lazy-background">
                    <div class="socials-list__item">
                        <a class="socials-link socials-link--twitter" rel="noopener" target="_blank"  href="https://twitter.com/dochub">Follow Us</a>
                    </div>
                </div>
            </div>
            <div class="footer-section app-buttons app-buttons--mobile">
                <a class="app-buttons__google-play"
                   href="https://dochub.onelink.me/taut?af_xp=custom&pid=web_footer"
                   rel="noopener"
                   target="_blank">
                    <img class="google-play" src="https://cdn.mrkhub.com/dochub-frontend/151/images/_modules/section-footer/google-play-transparent.svg" alt="Google Play" width="135" height="40" loading="lazy">
                </a>
                <a class="app-buttons__app-store" href="https://dochub.onelink.me/J95I?af_xp=custom&pid=web_footer" rel="noopener" target="_blank">
                    <img class="app-store" src="https://cdn.mrkhub.com/dochub-frontend/151/images/_modules/section-footer/app-store-transparent.svg" alt="App Store" width="135" height="40" loading="lazy">
                </a>
            </div>
        </div>
        <div class="page-section__inner page-section__inner--footer-mobile-only">
            <div class="logo"><img class="logo__image" src="https://cdn.mrkhub.com/dochub-frontend/151/images/logos/dochub-reverse-2025.svg" alt="DocHub logo" width="104" height="24" loading="lazy"></div>
            <div class="copyright-caption">© 2025 DocHub, LLC</div>
        </div>
    </div>
</div>

<div class="popup-cookie popup-cookie__v2 popup-cookie--top">
    <div class="popup-cookie__close js-popup-close"></div>
    <div class="popup-cookie__row">
        <div class="popup-cookie__column popup-cookie__column--description">
            <div class="popup-text">This site uses cookies to enhance site navigation and personalize your experience.
                By using this site you agree to our use of cookies as described in our <a href="https://dochub.com/site/privacy-notice" title="Cookie Privacy Notice" rel="noopener" target="_blank">Privacy Notice</a>.
                You can modify your selections by visiting our <a href="https://dochub.com/site/cookies" title="Cookie Advertising Notice" rel="noopener" target="_blank">Cookie and Advertising Notice</a>.<span class="popup-readmore popup-readmore--more">... <span class="link">Read more...</span></span><span class="popup-readmore popup-readmore--less link">Read less</span></div>
        </div>
        <div class="popup-cookie__column popup-cookie__column--action"><span class="button button__bordered js-popup-accept" tabindex="0">Accept</span></div>
    </div>
</div>

if (res.type === 'SUCCESS' || res.type === 'GO_TO_EDITOR') {
            setExternalGuestId('https://www.pdffiller.com/api_v3/abTest/setExternalGuestId', getRedirectLink, res.uploadData);
            fetch('https://www.pdffiller.com/api_v3/uploader/info?lang=es', {
                method: 'post',
                headers: {
                    'Content-Type': 'application/json',
                    'User-Agent': navigator.userAgent,
                    'userid': res.uploadData.auth.userId,
                    'token': res.uploadData.auth.token,
                    'appkey': res.uploadData.auth.appKey
                },
                body: JSON.stringify({
                    'origin': 'https://www.dochub.com',
                    'projectId': res.uploadData.docList[0].id,
                    'guestId': '2b19d2faba.1746550723'
                })
            })
            .then(response => response.json())
            .then(response => {
                if (response.data && response.result === true) {
                    document.cookie = 'api_js=' + response.data.api_js + "; path=/; max-age=3600";

window.dataLayer = window.dataLayer || [];
                    window.dataLayer.push({
                        event: "CE_file_navigate",
                    })

sksTracker.trackBeforeAction();

sendMetricWithRedirect({
                        abTower: 'dh_pdffiler_editor_before_redirect',
                        dataDog: 'dh_pdffiler_editor_before_redirect',
                    }, 'https://www.dochub.com/api/send-metrics')
                        .then(() => {
                            window.location.href = response.data.redirect_url;
                        })
                        .catch(() => {
                            console.log("sendMetricWithRedirect: Failed to send metrics");
                            window.location.href = response.data.redirect_url;
                        });
                } else {
                    console.log("Can't make redirect on editor");
                }
            });
        }

return true;
            };
            window.sendMetric = (metrics = {}, route = '/api/send-metrics') => {
                let ajax = new XMLHttpRequest();
                ajax.open('POST', route, true);
                ajax.setRequestHeader('Content-Type', 'application/json');
                ajax.setRequestHeader('X-CSRF-TOKEN', document.querySelector('meta[name="csrf-token"]').content);
                ajax.send(JSON.stringify(metrics));
            };
            var setExternalGuestId = function (url, callback, uploadData) {
                var ajax = new XMLHttpRequest();
                var body = {
                    'guestId': '2b19d2faba.1746550723'
                };
                ajax.open('POST', url, true);
                ajax.setRequestHeader('userid', uploadData.auth.userId);
                ajax.setRequestHeader('token', uploadData.auth.token);
                ajax.setRequestHeader('appkey', uploadData.auth.appKey);
                ajax.setRequestHeader('Content-Type', 'application/json');
                ajax.send(JSON.stringify(body));
            };
            function sendAbTestEvent() {
                window.sendMetric({
                    abTower: 'dh_pdffiler_editor_start_uploading',
                    dataDog: 'dh_pdffiler_editor_start_uploading',
                }, 'https://www.dochub.com/api/send-metrics');
            }
            function sendDataLayerEvent() {
                window.dataLayer = window.dataLayer || [];
                window.dataLayer.push({
                    event: "CE_file_upload",
                })
            }
            var getRedirectLink = function (response) {
                response = JSON.parse(response);
                if (response.result) {
                    document.cookie = 'api_js=' + response.data.api_js  + "; path=/; max-age=3600";
                    window.location.href = response.data.redirect_url
                }
            };
            initUploader({
                localePrefix: 'DOCHUB_',
                app: 'DOCHUB_MAIN_FEATURES',
                modes: {
                    microSites: true
                },
                features: ["@UPLOADER\/UPLOAD"],
                api: {
                    base: 'https://www.pdffiller.com',
                    ws: {
                        host: 'wss://mm-websocket.pdffiller.com',
                        port: '443',
                    },
                },
                auth: {
                    appKey: 'klwlq3h4jfi8.apps.dochub.v1.0'
                },
                multiple: 1,
                lang: 'es',
                callbacks: {
                    end: openEditor,
                    request: runTemplateSuggestion
                },
                hooks: {
                    data: {
                        modalOpen: [getUserEmail, isUserLogged, isUserPaid]
                    },
                    actions: {
                        startUploading: [sendAbTestEvent, sendDataLayerEvent],
                    },
                    stat: sendStat,
                },
            });
</script>

Corrija el diseño en html sin problemas