Question

Is it possible to align the span “Header” in this fiddle : http://jsfiddle.net/25LjE/37/ to right of text as shown :

I’m creating the header using jquery.

Here is the fiddle code :

<script type="text/javascript" charset="utf-8" src="http://static.polldaddy.com/p/6352993.js"></script>
<noscript><a href="http://polldaddy.com/poll/6352993/">This is very long test question to test how polldaddy handles questions that exceed that normal length............ yes a very long question indeed..............</a></noscript>

.pds-pd-link {
display: none !important;
}
.pds-box {
    width: 220px !important;
}
.pds-input-label{
    width: auto! important;
}
.PDS_Poll{
    margin-bottom:15px;
}
$(document).ready(function() {

    $('.pds-question-inner').prepend('<center><span style="color:red;font-weight:bold;font-size: 10pt"><u>Header</u></span></center>');
});

When I try proposed solutions in IE8, the text is slightly higher than rest of text :

Can this be fixed ?

Answer 1

You just have to add float:left in

<span style="color:red;font-weight:bold;font-size: 10pt;float:left"><u>Header</u></span>

Check this:

JSFiddle