how do i remove li { list-style: none } at the for the contents of <?php echo $selBlogRow['content']; ?> in :  <?php
include("../conn.php");
$Id = $_GET['id'];

?>

<!DOCTYPE html>
<html lang="en">

<head>
  <meta charset="UTF-8">
  <meta http-equiv="X-UA-Compatible" content="IE=edge">
  <meta name="viewport" content="width=device-width, initial-scale=1.0">

  <!-- 
    - primary meta tags
  -->
  <title>NUXLES Blog</title>
  <meta name="title" content="NUXLES Blog Website">
  <meta name="description" content="This is a compilation of guides, articles and news from NUXLES">

  <!-- 
    - favicon
  -->
  <link rel="shortcut icon" type="png" href="/images/icon/favicon.png">

  <!-- 
    - google font link
  -->
  <link rel="preconnect" href="https://fonts.googleapis.com">
  <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
  <link href="https://fonts.googleapis.com/css?family=Quicksand:400,600,700&display=swap" rel="stylesheet">

  <!-- 
    - custom css link
  -->
  <link rel="stylesheet" href="./assets/css/blog.css">

  <!-- 
    - preload images
  -->
  <link rel="preload" as="image" href="./assets/images/hero-banner.png">
  <link rel="preload" as="image" href="./assets/images/pattern-2.svg">
  <link rel="preload" as="image" href="./assets/images/pattern-3.svg">

</head>

<body id="top">

  <!-- 
    - #HEADER
  -->

  <header class="header" data-header>
    <div class="container">

      <a href="#" class="logo">
        <img src="/images/icon/logo2.png" width="150" height="49" alt="NUXLES logo">
      </a>

      <nav class="navbar" data-navbar>

        <div class="navbar-top">
          <a href="#" class="logo">
            <img src="/images/icon/logo2.png" width="150" height="49" alt="NUXLES logo">
          </a>

          <button class="nav-close-btn" aria-label="close menu" data-nav-toggler>
            <ion-icon name="close-outline" aria-hidden="true"></ion-icon>
          </button>
        </div>

        <ul class="navbar-list">

          <li>
            <a href="index.php" class="navbar-link hover-1" data-nav-toggler>Home</a>
          </li>

          <li>
            <a href="index.php#categories" class="navbar-link hover-1" data-nav-toggler>Categories</a>
          </li>

          <li>
            <a href="index.php#featured" class="navbar-link hover-1" data-nav-toggler>Featured Post</a>
          </li>

          <li>
            <a href="index.php#recent" class="navbar-link hover-1" data-nav-toggler>Recent Post</a>
          </li>

          <li>
            <a href="/index.php#contactus_section" class="navbar-link hover-1" data-nav-toggler>Contact</a>
          </li>

        </ul>

        <p class="copyright-text">
          Copyright 2023 © NUXLES - Educational Blog
        </p>

      </nav>

      <a href="https://nuxles.com/" class="btn btn-primary">Nuxles School</a>

      <button class="nav-open-btn" aria-label="open menu" data-nav-toggler>
        <ion-icon name="menu-outline" aria-hidden="true"></ion-icon>
      </button>

    </div>
  </header>


  <main>
    <article>
      <style>
        .profile-card .profile-banner {
          border-radius: 15px;
          width: 68px;
          height: 68px;
        }

        .card-title {
          color: #ff2e97 !important;
          font-weight: 800;
        }

        .card-subtitle {
          color: #00acbe !important;
          font-weight: 600;
        }
        
        a {
          display: inline-block !important;
        }
        
      </style>

      <!-- 
        - #HERO
      -->

     <section class="section recent-post" id="recent" aria-labelledby="recent-label">
        <div class="container">
          
          <div class="post-main">
            <?php
              $selBlog = $conn->query("SELECT * FROM blogs  WHERE id='$Id' ");
              while ($selBlogRow = $selBlog->fetch(PDO::FETCH_ASSOC)) { ?>

            <img src="<?php echo $selBlogRow['thumbnail']; ?>" alt="post_image" class="img-fluid">

            <h2 class="headline headline-3 section-title">
              <span class="span"><?php echo $selBlogRow['title']; ?></span>
            </h2>

            <div class="profile-card">
              <img src="<?php echo $selBlogRow['author_image']; ?>" width="48" height="48" loading="lazy" alt="<?php echo $selBlogRow['author_image']; ?>"
                class="profile-banner">

              <div>
                <p class="card-title"><?php echo $selBlogRow['author']; ?></p>

                <p class="card-subtitle"><?php echo $selBlogRow['publish_date']; ?></p>
              </div>
            </div>
              
              <p class="hero-text">
               <?php echo $selBlogRow['content']; ?>
              </p>

          </div>
          <?php } ?>
          <div class="post-aside grid-lists">

            <div class="card aside-card">

              <h3 class="headline headline-2 aside-title">
                <span class="span">Popular Posts</span>
              </h3>

              <ul class="popular-list">
                 <?php
                $selPopularPost = $conn->query("SELECT * FROM blogs WHERE editors=1 ");
                while ($selPopularPostRow= $selPopularPost->fetch(PDO::FETCH_ASSOC)) { ?>
                <li>
                  <div class="popular-card">

                    <figure class="card-banner img-holder" style="--width: 64; --height: 64;">
                      <img src="<?php echo $selPopularPostRow['thumbnail']; ?>" width="64" height="64" loading="lazy"
                        alt="<?php echo $selPopularPostRow['title']; ?>" class="img-cover">
                    </figure>

                    <div class="card-content">

                      <h4 class="headline headline-4 card-title">
                        <a href="blog.php?id=<?php echo $selPopularPostRow['id']; ?>" class="link hover-2"><?php echo $selPopularPostRow['title']; ?></a>
                      </h4>

                      <div class="warpper">
                        <p class="card-subtitle"><?php echo $selPopularPostRow['duration']; ?> min read</p>

                        <time class="publish-date"><?php echo $selPopularPostRow['publish_date']; ?></time>
                      </div>

                    </div>

                  </div>
                </li>
          <?php } ?>
              </ul>

            </div>

            

            <div class="card aside-card insta-card">

              <a href="#" class="logo">
                <img src="/images/icon/logo2.png" width="150" height="49" loading="lazy" alt="NUXLES logo">
              </a>

              <p class="card-text">
                Join the conversation on facebook
              </p>

              <ul class="insta-list">

                <li>
                  <a href="https://m.facebook.com/groups/704989174718376/" class="insta-post img-holder" style="--width: 276; --height: 277;">
                    <img src="./assets/images/insta-post-1.png" width="276" height="277" loading="lazy" alt="insta post"
                      class="img-cover">
                  </a>
                </li>

                <li>
                  <a href="https://m.facebook.com/groups/704989174718376/" class="insta-post img-holder" style="--width: 276; --height: 277;">
                    <img src="./assets/images/insta-post-2.png" width="276" height="277" loading="lazy" alt="insta post"
                      class="img-cover">
                  </a>
                </li>

                <li>
                  <a href="https://m.facebook.com/groups/704989174718376/" class="insta-post img-holder" style="--width: 276; --height: 277;">
                    <img src="./assets/images/insta-post-3.png" width="276" height="277" loading="lazy" alt="insta post"
                      class="img-cover">
                  </a>
                </li>

                <li>
                  <a href="https://m.facebook.com/groups/704989174718376/" class="insta-post img-holder" style="--width: 276; --height: 277;">
                    <img src="./assets/images/insta-post-4.png" width="276" height="277" loading="lazy" alt="insta post"
                      class="img-cover">
                  </a>
                </li>

                <li>
                  <a href="https://m.facebook.com/groups/704989174718376/" class="insta-post img-holder" style="--width: 276; --height: 277;">
                    <img src="./assets/images/insta-post-5.png" width="276" height="277" loading="lazy" alt="insta post"
                      class="img-cover">
                  </a>
                </li>

                <li>
                  <a href="https://m.facebook.com/groups/704989174718376/" class="insta-post img-holder" style="--width: 276; --height: 277;">
                    <img src="./assets/images/insta-post-6.png" width="276" height="277" loading="lazy" alt="insta post"
                      class="img-cover">
                  </a>
                </li>

                <li>
                  <a href="https://m.facebook.com/groups/704989174718376/" class="insta-post img-holder" style="--width: 276; --height: 277;">
                    <img src="./assets/images/insta-post-7.png" width="276" height="277" loading="lazy" alt="insta post"
                      class="img-cover">
                  </a>
                </li>

                <li>
                  <a href="https://m.facebook.com/groups/704989174718376/" class="insta-post img-holder" style="--width: 276; --height: 277;">
                    <img src="./assets/images/insta-post-8.png" width="276" height="277" loading="lazy" alt="insta post"
                      class="img-cover">
                  </a>
                </li>

                <li>
                  <a href="https://m.facebook.com/groups/704989174718376/" class="insta-post img-holder" style="--width: 276; --height: 277;">
                    <img src="./assets/images/insta-post-9.png" width="276" height="277" loading="lazy" alt="insta post"
                      class="img-cover">
                  </a>
                </li>

              </ul>

            </div>

          </div>

        </div>
      </section>

      <section class="section recent-post" id="recent" aria-labelledby="recent-label">
        <div class="container">
          <div class="post-aside grid-list">
            <div class="card aside-card" id="disqus_thread">
              
              <script>
                /**
                *  RECOMMENDED CONFIGURATION VARIABLES: EDIT AND UNCOMMENT THE SECTION BELOW TO INSERT DYNAMIC VALUES FROM YOUR PLATFORM OR CMS.
                *  LEARN WHY DEFINING THESE VARIABLES IS IMPORTANT: https://disqus.com/admin/universalcode/#configuration-variables    */
                /*
                var disqus_config = function () {
                this.page.url = PAGE_URL;  // Replace PAGE_URL with your page's canonical URL variable
                this.page.identifier = PAGE_IDENTIFIER; // Replace PAGE_IDENTIFIER with your page's unique identifier variable
                };
                */
                (function() { // DON'T EDIT BELOW THIS LINE
                var d = document, s = d.createElement('script');
                s.src = 'https://vycta-com.disqus.com/embed.js';
                s.setAttribute('data-timestamp', +new Date());
                (d.head || d.body).appendChild(s);
                })();
            </script>
            <noscript>Please enable JavaScript to view the <a href="https://disqus.com/?ref_noscript">comments powered by Disqus.</a></noscript>
            </div>

            <div class="card aside-card">

              <h3 class="headline headline-2 aside-title">
                <span class="span">Recent Posts</span>
              </h3>

              <ul class="popular-list">
                <?php
                $selRecentPost = $conn->query("SELECT * FROM blogs ORDER BY id DESC ");
                while ($selRecentPostRow = $selRecentPost->fetch(PDO::FETCH_ASSOC)) { ?>
                <li>
                  <div class="popular-card">

                    <figure class="card-banner img-holder" style="--width: 64; --height: 64;">
                      <img src="<?php echo $selRecentPostRow['thumbnail']; ?>" width="64" height="64" loading="lazy"
                        alt="<?php echo $selRecentPostRow['title']; ?>" class="img-cover">
                    </figure>

                    <div class="card-content">

                      <h4 class="headline headline-4 card-title">
                        <a href="blog.php?id=<?php echo $selRecentPostRow['id']; ?>" class="link hover-2"><?php echo $selRecentPostRow['title']; ?></a>
                      </h4>

                      <div class="warpper">
                        <p class="card-subtitle"><?php echo $selRecentPostRow['duration']; ?> min read</p>

                        <time class="publish-date"><?php echo $selRecentPostRow['publish_date']; ?></time>
                      </div>

                    </div>

                  </div>
                </li>
               <?php } ?>

              </ul>

            </div>

          </div>

        </div>
      </section>

    </article>
  </main>





  <!-- 
    - #FOOTER
  -->

  <footer>
    <div class="container">

      <div class="card footer">

        <div class="section footer-top">

          <div class="footer-brand">

            <a href="#" class="logo">
              <img src="/images/icon/logo2.png" width="129" height="47" loading="lazy" alt="NUXLES logo">
            </a>

            <p class="footer-text">
             Our prep courses, articles and study guides are written by industry experts, with the primary focus of empowering the medical professionals of the future with all the skills necessary to begin their career.
            </p>

            <p class="footer-list-title">Contact</p>

            <address class="footer-text address">
              <PRESIDIO_ANONYMIZED_EMAIL_ADDRESS>
            </address>

          </div>

          <div class="footer-list">

            <p class="footer-list-title">Categories</p>

            <ul>

               <?php
            // Loop through the categories query result and output each category as a button
            $selAllCategories = $conn->query("SELECT * FROM blog_categories ORDER BY id DESC");
            while ($selAllCategoriesRow = $selAllCategories->fetch(PDO::FETCH_ASSOC)) { ?>
              <li>
                <a  href="#"  class="footer-link hover-2">
                  <?php echo $selAllCategoriesRow['category']; ?>
            </a>
              </li>
            <?php } ?>

            </ul>

          </div>

          <div class="footer-list">

            <p class="footer-list-title">Newsletter</p>

            <p class="footer-text">
              Sign up to be first to receive the latest stories inspiring us, case studies, and industry news.
            </p>

            <div class="input-wrapper">
              <input type="text" name="name" placeholder="Your name" required class="input-field" autocomplete="off">

              <ion-icon name="person-outline" aria-hidden="true"></ion-icon>
            </div>

            <div class="input-wrapper">
              <input type="email" name="email_address" placeholder="Emaill address" required class="input-field"
                autocomplete="off">

              <ion-icon name="mail-outline" aria-hidden="true"></ion-icon>
            </div>

            <a href="#" class="btn btn-primary">
              <span class="span">Subscribe</span>

              <ion-icon name="arrow-forward" aria-hidden="true"></ion-icon>
            </a>

          </div>

        </div>

        <div class="footer-bottom">

          <p class="copyright">
            Copyright &copy; 2023 <a href="https://nuxles.com" class="copyright-link">NUXLES, INC.</a> All RIGHTS RESERVED.
          </p>

          <ul class="social-list">

            <li>
              <a href="#" class="social-link">
                <ion-icon name="logo-twitter"></ion-icon>

                <span class="span">Twitter</span>
              </a>
            </li>

            <li>
              <a href="#" class="social-link">
                <ion-icon name="logo-linkedin"></ion-icon>

                <span class="span">LinkedIn</span>
              </a>
            </li>

            <li>
              <a href="#" class="social-link">
                <ion-icon name="logo-instagram"></ion-icon>

                <span class="span">Instagram</span>
              </a>
            </li>

          </ul>

        </div>

      </div>

    </div>
  </footer>





  <!-- 
    - #BACK TO TOP
  -->

  <a href="#top" class="back-top-btn" aria-label="back to top" data-back-top-btn>
    <ion-icon name="arrow-up-outline" aria-hidden="true"></ion-icon>
  </a>





  <!-- 
    - custom js link
  -->
  <script src="./assets/js/script.js"></script>

  <!-- 
    - ionicon link
  -->
  <script type="module" src="https://unpkg.com/ionicons@5.5.2/dist/ionicons/ionicons.esm.js"></script>
  <script nomodule src="https://unpkg.com/ionicons@5.5.2/dist/ionicons/ionicons.js"></script>

</body>

</html>