Текст для галочки



Средняя сложность

Тема: 

Создайте страницу, показанную на рис. 1. Текст возле отмеченных галочек должен выделяться фоновым цветом. Код должен корректно работать в последних версиях браузеров Internet Explorer, Firefox, Opera, Safari, Chrome.

Пример страницы

<!DOCTYPE html>
<html>
 <head>
  <meta charset="utf-8">
  <title>Флажки</title>
  <style>
   input[type="checkbox"]:checked + span { background: #fc0; }
   span { padding: 0 5px; }
  </style>
 </head>
 <body>
  <form>
   <p><label><input type="checkbox" name="sortament" value="1"> 
     <span>Балка рукояти</span></label></p>
   <p><label><input type="checkbox" name="sortament" value="2"> 
     <span>Шестерня</span></label></p>
   <p><label><input type="checkbox" name="sortament" value="3"> 
     <span>Вал</span></label></p>
   <p><label><input type="checkbox" name="sortament" value="4"> 
     <span>Пимпочка</span></label></p>
   <p><input type="submit" value="Отправить"></p>
  </form>
 </body>
</html>

Не выкладывайте свой код напрямую в комментариях, он отображается некорректно. Воспользуйтесь сервисом cssdeck.com или jsfiddle.net, сохраните код и в комментариях дайте на него ссылку. Так и результат сразу увидят.