Bug fix: fixed alignment issue of image & title section

BLANK_README.md

@@ -31,14 +31,14 @@
 
 <!-- PROJECT LOGO -->
 <br />
-<p style="text-align: center;">
+<p align="center">
   <a href="https://github.com/github_username/repo_name">
     <img src="images/logo.png" alt="Logo" width="80" height="80">
   </a>
 
-  <h3 style="text-align: center;">project_title</h3>
+  <h3 align="center">project_title</h3>
 
-  <p style="text-align: center;">
+  <p align="center">
     project_description
     <br />
     <a href="https://github.com/github_username/repo_name"><strong>Explore the docs »</strong></a>

README.md

@@ -26,14 +26,14 @@
 
 <!-- PROJECT LOGO -->
 <br />
-<p style="text-align: center;">
+<p align="center">
   <a href="https://github.com/othneildrew/Best-README-Template">
     <img src="images/logo.png" alt="Logo" width="80" height="80">
   </a>
 
-  <h3 style="text-align: center;">Best-README-Template</h3>
+  <h3 align="center">Best-README-Template</h3>
 
-  <p style="text-align: center;">
+  <p align="center">
     An awesome README template to jumpstart your projects!
     <br />
     <a href="https://github.com/othneildrew/Best-README-Template"><strong>Explore the docs »</strong></a>
@@ -51,7 +51,7 @@
 
 <!-- TABLE OF CONTENTS -->
 <details open="open">
-  <summary><h2 style="display: inline-block">Table of Contents</h2></summary>
+  <summary>Table of Contents</summary>
   <ol>
     <li>
       <a href="#about-the-project">About The Project</a>