CODEWITHSUNDEEP
csswordpress
Morris
Morris

Reputation: 1

WordPress Bullets - Text Wrapping Under Bullets

Using WordPress and I want to avoid having the second line text of my bullet points wrap down under the bullets. I'd like clean bullets to one side and text to the other. This is the CSS I am using. Any thoughts?

.entry-content ul li { list-style-type: none; font-size: 100%; list-style-position: outside;} .entry-content ul li:before { content: "✓"; padding-right: 10px; font-weight: bold; font-size: 20px; color: #718336; }

Upvotes: 0

Views: 1022

Answers (1)

RMH
RMH

Reputation: 831

try the outside position on the UL instead of the li:

.entry-content ul {
  list-style-position: outside;
}

see: http://www.w3schools.com/cssref/pr_list-style-position.asp

for the :before tag, you'll want to position that absolutely and move it to where the circle was (or try negative margin-left) should get you what you are looking for*

Upvotes: 1

Related Questions