html

app.py

@@ -147,15 +147,15 @@ if __name__ == "__main__":
             gr.HTML(
                 """
                 <div style="text-align: center; max-width: 1200px; margin: 20px auto;">
-                <h1 style="font-weight: 600; font-size: 2rem; margin: 0rem;">
+                <h1 style="font-weight: 600; font-size: 2rem; margin: 0.5rem;">
                     UDiffText: A Unified Framework for High-quality Text Synthesis in Arbitrary Images via Character-aware Diffusion Models
                 </h1>        
-                <ul style="text-align: center; margin: 10px; padding: 0;"> 
+                <ul style="text-align: center; margin: 0.5rem;"> 
                     <li style="display: inline-block; margin:auto;"><a href='https://arxiv.org/pdf/******'><img src='https://img.shields.io/badge/Arxiv-******-DF826C'></a></li>
                     <li style="display: inline-block; margin:auto;"><a href='https://github.com/ZYM-PKU/UDiffText'><img src='https://img.shields.io/badge/Code-UDiffText-D0F288'></a></li>
                     <li style="display: inline-block; margin:auto;"><a href='https://udifftext.github.io'><img src='https://img.shields.io/badge/Project-UDiffText-8ADAB2'></a></li>
                 </ul> 
-                <h2 style="text-align: left; font-weight: 450; font-size: 1rem; margin-top: 0.5rem; margin-bottom: 0.5rem">
+                <h2 style="text-align: left; font-weight: 450; font-size: 1rem; margin: 0.5rem;">
                     Our proposed UDiffText is capable of synthesizing accurate and harmonious text in either synthetic or real-word images, thus can be applied to tasks like scene text editing (a), arbitrary text generation (b) and accurate T2I generation (c)
                 </h2>
                 <div align=center><img src="file/demo/teaser.png" alt="UDiffText" width="80%"></div>