alignment solve for issue #570

[ayushdubey570]

🛠️ Fixes Issue

Fixes: #570

👨‍💻 Description

What does this PR do?

-Edited the code of text.html.

• Enhanced the alignment for better user experience.
• It overall enhances the professionalism of the code and solve the alignment problem of the code.

📄 Type of Change

• Bug fix

📷 Screenshot

✅ Checklist

• I am a participant of GSSoC-ext.
• I have followed the contribution guidelines of this project.
• I have made this change from my own.
• I have taken help from some online resources.
• My code follows the style guidelines of this project.
• I have performed a self-review of my own code.
• I have added documentation to explain my changes.

🤝 GSSoC Participation

• This PR is submitted under the GSSoC program.
• I have taken prior approval for this feature/fix.

[github-actions]

Thank you for submitting your pull request! 🙌 We'll review it as soon as possible. In the meantime, please ensure that your changes align with our chaotic CONTRIBUTING.md. If there are any specific instructions or feedback regarding your PR, we'll provide them here. Thanks again for your contribution! 😊

[netlify]

✅ Deploy Preview for thunderous-starlight-9c463d ready!

Name	Link
🔨 Latest commit	3609e24
🔍 Latest deploy log	https://app.netlify.com/sites/thunderous-starlight-9c463d/deploys/671fd6bb1b9a0f0008d263ad
😎 Deploy Preview	https://deploy-preview-571--thunderous-starlight-9c463d.netlify.app
📱 Preview on mobile	Toggle QR Code... Use your smartphone camera to open QR code link.

---

To edit notification comments on pull requests, go to your Netlify site configuration.

[netlify]

✅ Deploy Preview for alienid ready!

Name	Link
🔨 Latest commit	3609e24
🔍 Latest deploy log	https://app.netlify.com/sites/alienid/deploys/671fd6bbe32a1500085b86c8
😎 Deploy Preview	https://deploy-preview-571--alienid.netlify.app
📱 Preview on mobile	Toggle QR Code... Use your smartphone camera to open QR code link.

---

To edit notification comments on pull requests, go to your Netlify site configuration.