Update app.py

app.py

@@ -46,15 +46,15 @@ def getColorMap(kernel, gamma):
 #XOR_TABLE markdown text
 XOR_TABLE = """
 <style type="text/css">
-.tg  {border-collapse:collapse;border-spacing:0;}
+.tg  {border-collapse:collapse;border-spacing:10PX;width:70%;margin-auto}
 .tg td{border-color:black;border-style:solid;border-width:1px;font-family:Arial, sans-serif;font-size:14px;
   overflow:hidden;padding:10px 5px;word-break:normal;}
 .tg th{border-color:black;border-style:solid;border-width:1px;font-family:Arial, sans-serif;font-size:14px;
   font-weight:normal;overflow:hidden;padding:10px 5px;word-break:normal;}
 .tg .tg-c3ow{border-color:inherit;text-align:center;vertical-align:top}
-table {margin:auto;}
 </style>
 <table class="tg">
+<caption margin-bottom=10px>Table explaining the 'XOR' operator</caption>
 <thead>
   <tr>
     <th class="tg-c3ow">A</th>
@@ -112,11 +112,7 @@ with gr.Blocks() as demo:
 
     gr.HTML("<hr>")
 
-    # xor_image = Image.open("xor.png")
-    with gr.Column():
-        gr.Markdown("## Table explaining the 'XOR' operator")
-        gr.HTML(XOR_TABLE)
-    # gr.Image(xor_image, label="Table explaining the 'XOR' operator")
+    gr.HTML(XOR_TABLE)
 
 
 if __name__ == "__main__":