I'm sitting in front of a template that is making me angry.
<form>
<p>
<span class="apple"><input></span>
</p>
<p>
<span class="peach"><input></span>
</p>
<p>
<span class="melone"><select></select></span>
</p>
<p>
<span class="button"><input/></span>
</p>
</form>
The first two input fields shall have a width of 50% and placed in one line. The third element shall have an extra line and a width of 100%.
So my solution so far. The p-Tag is float:left. And the element has all their own width e.g. apple 50%, peach 50%, melone 100%.
But that don't work.
Is it possible to say that only the parent p-tag of the class melone shall have 100% and maybe a float none? How can I get the parent with CSS because I have no chance to change the p-tags. The p-tags are dynamically generated.