Poll options

[tropicsbear]

In relation to this entry on aligning the text for bullet points, would it be possible to do the same thing for poll options?

Comments

[carene_waterman]

Found a way to do this, but I've only tested it on a radio button poll.

.poll-response {
  margin-left: 80px!important;
  }
.poll-response input {
  margin-left: -20px;
  }

Okay, that's more usage of px than I've ever written in my life!

The div.poll-response has margins set on it inline, in pixels, which is something Dreamwidth has chosen to do on quite a few elements of the site. To give it a wider left margin, I've had to use !important, which makes me as sad as the pixels.

So, I'm giving the div a bigger left margin, effectively moving it to the right, and then sliding the input element (the radio button) over to the left with a tricky negative margin. This moves the radio button outside the parent element's content area and mimics the effects of the list-style: outside that was used to fix up the other problem.

But!!!

This might get all balled up in different styles with different font sizes. It works for me, but might not for you, so some tweaking of the numbers and changing them to ems might be in order.