Need some help in aligning some text for list bullets.

7 replies
  • WEB DESIGN
  • |
Hello Warriors,

Please see the screenshot below.



We coded it using Dreamweaver and everything looks fine but when we pasted the codes in html interface of our wordpress page, the output is different.

Here are some of the codes:

<ul>
<li style="text-align: left;">advising clients on all aspects of the law</li>
<li style="text-align: left;">drafting and developing policies, procedures, employment contracts and restraints of trade</li>
<li>retrenchments</li>
<li style="text-align: left;">sexual harassment and unfair discrimination</li>
</ul>

Can anyone help me to fix it? We need the proper alignment.

Any input you may provide will be highly appreciated.

Thanks,
Louie Tugas
#aligning #bullets #list #text
  • Profile picture of the author RichKent
    Delete this: style="text-align: left;"

    Each should be a simple:

    <li>advising clients on all aspects of the law</li>
    {{ DiscussionBoard.errors[5965744].message }}
    • Profile picture of the author magiclouie
      Originally Posted by RichKent View Post

      Delete this: style="text-align: left;"

      Each should be a simple:

      <li>advising clients on all aspects of the law</li>
      Thanks for your input, mate but it did not change anything.
      {{ DiscussionBoard.errors[5965917].message }}
  • Profile picture of the author RichKent
    Can I have a Link to the page? (PM is fine)
    {{ DiscussionBoard.errors[5965941].message }}
  • Profile picture of the author RichKent
    Ah - here's your problem. Your style sheet has:

    .post_container ul {
    list-style: disc;
    margin-left: 21px;
    list-style-position: inside;
    }

    Remove this: list-style-position:inside;

    And you'll be all good.
    {{ DiscussionBoard.errors[5966033].message }}
    • Profile picture of the author magiclouie
      Originally Posted by RichKent View Post

      Ah - here's your problem. Your style sheet has:

      .post_container ul {
      list-style: disc;
      margin-left: 21px;
      list-style-position: inside;
      }

      Remove this: list-style-position:inside;

      And you'll be all good.
      Thanks man, I'll remove it now and I'll keep you posted.
      {{ DiscussionBoard.errors[5966112].message }}
    • Profile picture of the author magiclouie
      Originally Posted by RichKent View Post

      Ah - here's your problem. Your style sheet has:

      .post_container ul {
      list-style: disc;
      margin-left: 21px;
      list-style-position: inside;
      }

      Remove this: list-style-position:inside;

      And you'll be all good.
      Thanks a lot, man.

      We got it sorted out. A million thanks to you.
      {{ DiscussionBoard.errors[5969331].message }}

Trending Topics