Need some help in aligning some text for list bullets.

by magiclouie

Posted: 14 years ago 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

RichKent 14 years ago

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

Each should be a simple:

<li>advising clients on all aspects of the law</li>
- Thanks
- 1 reply
Signature
Learn more about Wordpress and SEO
{{ DiscussionBoard.errors[5965744].message }}
- magiclouie 14 years ago
  
  Originally Posted by RichKent
  
  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.
  
  Thanks
  
  {{ DiscussionBoard.errors[5965917].message }}
RichKent 14 years ago

Can I have a Link to the page? (PM is fine)
- [ 1 ] Thanks
- 1 reply
Signature
Learn more about Wordpress and SEO
{{ DiscussionBoard.errors[5965941].message }}
- magiclouie 14 years ago
  
  Originally Posted by RichKent
  
  Can I have a Link to the page? (PM is fine)
  
  Oh sure, I can paste it here, Crafford Attorney Services | craffordlaw.com
  
  I really appreciate your help.
  
  Thanks
  
  {{ DiscussionBoard.errors[5965970].message }}

RichKent

14 years ago

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.