HTML WITHIN Page Links and CSS is not working

  • Hi All,

    I know this is quite old topic but I am facing this issue :(.

    I have created a html link within a page, link is working fine but its CSS is not working fine. Can you help me please, as I am a new to WordPress.Here is my css code and html as well. css is coming from style.css file.

    You can check behavior here

    https://www.learnfreex.com/flowers/list-of-all-flower-names/

    =================== Code Begins Here ======================
    #flower-nav {
    margin:0px;
    padding:0;
    list-style:none;
    float:right;
    }
    #flower-nav.li {
    display:inline;
    }
    #flower-nav .li a {
    text-decoration:none;
    padding:5px 0;
    width:10px;
    background:#485e49;
    color:#eee;
    float:left;
    }
    #flower-nav .li a {
    text-align:center;
    border-left:1px solid #fff;
    }
    #flower-nav .li a:hover {
    background:#a2b3a1;
    color:#000
    }

    <table border=”0″ cellspacing=”0″ cellpadding=”0″ width=”100%”>
    <tbody>
    <tr>
    <td colspan=”2″>
    <ul id=”flower-nav”>

    • A
    • B
    • C
    • D
    • E
    • F
    • G
    • H
    • I
    • J
    • K
    • L
    • M
    • N
    • O
    • P
    • Q
    • R
    • S
    • T
    • U
    • V
    • W
    • X
    • Y
    • Z

      • </td>
      </tr>
      <tr>
      <td colspan=”2″ align=”center”><h1>List of All Flower Names (A-Z)</h1></td>
      </tr>
      <tr>
      <td>Serial Number </td>
      <td>Flower Name</td>
      </tr>
      <tr>
      <td>1</td>
      <td>Abelia</td>
      </tr>
      ======================== End Code Here =========================

  • The topic ‘HTML WITHIN Page Links and CSS is not working’ is closed to new replies.

Tags