Как правильно сверстать?

Question

[Encoders]

<div class="checklist">
<div class="list-item">
<input type="checkbox" checked="checked">
<p class="list-item-name">dz</p>
<input type="button" name="details" value="+" >
</div>

Как сделать так чтобы тег p занял всю ширину и имел задний фон?

Comments

[Александр]

Может код лучше в песочницу оформите?

[FeST1VaL]

Почему мне кажется что вы хотите сделать, чтобы по клику на текст ставился checked.

Если это так, то просто оберните в label примерно так:

<div class="checklist">
<div class="list-item">
<label for="checkbox_321">
 <input id="checkbox_321" type="checkbox" checked="checked">
 <p class="list-item-name">dz</p>
</label>
<input type="button" name="details" value="+" >
</div>

[Encoders]

Артем Будин, нет у меня просто много list-item и мне надо , чтобы у каждого был текст и чтобы p занимал всю ширину

[WapSter]

Encoders, я открою для тебя невероятное. Тэг p блочный, он и так на всю доступную ширину.

[Encoders]

[Encoders]

WapSter, Это я знаю