Inset lists with text
Inset lists with text
Hi all,
I have some text alignment problem with inset lists.
Here is my example:
- <ul data-role="listview" data-inset="true">
<li data-role="fieldcontain">
<label for="name">Text Input:</label>
<input type="text" name="name" id="name" value="" />
</li>
<li data-role="fieldcontain">
<label>Text to read:</label>
This is bad aligned text
</li>
</ul>
The string "This is bad aligned text" will not be placed aligned with the input text above it, it will be next to the label. Is there any <> that I need to surround my text so jquery mobile will try to align the text correctly, if possible? I simply want to render text. If I type <select>, <textarea> or <input> it is correctly aligned.
If yes, what is it?
Here is a demo of my problem: https://tinker.io/71d3c/1
The text is bold and not aligned with the above input text.