Problem with bulleted lists and pictures

  • Unknown's avatar
    ninjamoeba · Member ·

    Can anyone help with a problem I’m having with a list on one of my posts: http://goodtype.wordpress.com/2008/12/23/helvetica/

    As you can see the list (near the bottom) becomes increasingly indented and out of whack. I’ve had a look and a fiddle around but I can’t seem to fix it. Ideally each item would just be indented one level.

    The code, taken from the post interface is:

    <ul>
	<li><em><img class="alignleft size-full wp-image-3" title="a_hel_lowercase" src="http://goodtype.wordpress.com/files/2008/12/a_hel_lowercase.png" alt="a_hel_lowercase" width="100" height="100" />The minuscule A</em>. The bowl is pretty delightful, and looks almost like a tear, or a leaf, or a raindrop. It’s nice enough to add character, yet doesn’t sacrifice legibility. The kick of the tail is pretty cute also. However the cute little kick disappears when bold-ified, which is like saying goodbye to that cute      person who you used to work with but strangely disappeared one day.
 </li>
	<li><img class="alignleft size-full wp-image-5" title="g_hel_uppercase" src="http://goodtype.wordpress.com/files/2008/12/g_hel_uppercase.png" alt="g_hel_uppercase" width="100" height="100" /> <em>The majuscule G</em>. It forms an arrow which seems a little gimmicky, but makes the letter dynamic and makes me want to GO GO GO. There’s a little chip out of the G that I’m not totally wild about, but it might look a little too blocky without out.
 </li>
	<li><em><img class="alignleft size-full wp-image-9" title="t_hel_lowercase" src="http://goodtype.wordpress.com/files/2008/12/t_hel_lowercase.png" alt="t_hel_lowercase" width="100" height="100" />The minuscule T</em>. Much like the lower case A, the T is pretty fun, and has a little bendy bit that stops the whole thing from looking just like a simple cross.  

 </li>
	<li><img class="alignleft size-full wp-image-25" title="es_hel_lowercase" src="http://goodtype.wordpress.com/files/2008/12/es_hel_lowercase.png" alt="es_hel_lowercase" width="100" height="200" /><em>The minuscule S &amp; E</em>. Both are nice. There is something about the E that seems so familar, and is classically <strong>Helvetica</strong>. While my fondness for the A and T is more studied, I think the fondness caused by the E is natural. Likewise the S is curved just right, and avoids being dull. The parallel terminals are one of the cornerstones of <strong>Helvetica’s</strong> style. </li>
</ul>
  • Unknown's avatar
    ninjamoeba · Member ·

    Thanks for any help or advice. I’m sure it must be something simple!

  • Unknown's avatar
    panaghiotisadam · Member ·

    I think you can solve the problem by using the code for a table (with proper “padding”) instead of a list.

  • Unknown's avatar
    ninjamoeba · Member ·

    Of course; I didn’t see the option for a table in the posting interface and assumed they were a little too web 1.0 for wordpress. I’ll try and report back!

  • Unknown's avatar
    ninjamoeba · Member ·

    Thanks, worked a charm! :)

  • The topic ‘Problem with bulleted lists and pictures’ is closed to new replies.