Line break after asterisk in required field form label

[Anonymous]

This seems like it's a well-known issue, and I've found a couple of past discussions, but nothing seems to fix it...

A simple form, with 5 fields, each of which is required - email, name, etc.

In the form preview, the labels display as expected:

* First Name:
[field entry]

But when the form is embedded on a page, it displays with a line break after the asterisk:

*
First Name:
[field entry]


I've set the label width to 250 - should be plenty long enough - but it insists on the line break after the asterisk.

I tried adding some Custom CSS code to adjust the placement of the asterisk, but it actually added a second asterisk.

What am I missing?

[SanfordWhiteman]

Please post a URL to a page with this embedded form. I'm sure it's fixable.

[Anonymous]

http://mrktg.beyondcore.com/gartner-summit-2015-landing-page.html

[SanfordWhiteman · Accepted solution]

.mktoForm DIV.mktoAsterix {
  width: auto !important;
}

[Anonymous]

That did it - thank you.