fix image centering when rendered on Github

MovingBlocks · Jul 18, 2023 · bbeaaa9 · bbeaaa9
1 parent 0294775
commit bbeaaa9
Showing 1 changed file with 10 additions and 5 deletions.
diff --git a/facades/PC/README.md b/facades/PC/README.md
@@ -75,14 +75,19 @@ gradlew game --args='--help'
 The main entry point for the PC Facade is `Terasology#main`.
 Starting from there, the game engine is initialized and started according to the user inputs.
 
-<figure style="border:1px #cccccc solid; padding:4px;">
+
+<p align="center">
+<img src="./docs/pc-facade-overview.drawio.svg" alt="Architectural overview of the PC Facade entry point."/>
+Architectural overview of the PC Facade entry point.
+</p>
+
+<p>
   <!-- this image is an editable SVG created with Draw.io -->
-  <img 
-    style="display:block; margin-left:auto; margin-right:auto"
+  <img
     src="./docs/pc-facade-overview.drawio.svg" 
     alt="Architectural overview of the PC Facade entry point."/>
-  <figcaption style="text-align:center;">Architectural overview of the PC Facade entry point.</figcaption>
-</figure>
+  <p align="center"><i>Architectural overview of the PC Facade entry point.</i></p>
+</p>
 
 The execution flow is as follows: