Entertainment

<div class="raw-html-embed"><style>
  .quiz-container {
    font-family: sans-serif;
    max-width: 600px;
    margin: 20px 0;
  }

  input[type="radio"] {
    display: none;
  }

  .quiz-label {
    display: block;
    background: #f0f0f0;
    padding: 10px 12px;
    border-radius: 0;
    border-top: 1px solid #ccc;
    cursor: pointer;
    transition: background 0.3s;
    margin: 0;
  }

  .quiz-label:first-of-type {
    border-top-left-radius: 6px;
    border-top-right-radius: 6px;
  }

  .quiz-label:last-of-type {
    border-bottom-left-radius: 6px;
    border-bottom-right-radius: 6px;
    border-bottom: 1px solid #ccc;
  }

  .quiz-label:hover {
    background: #e0e0e0;
  }

  input[type="radio"]:checked + .quiz-label.correct {
    background: #d4edda;
    border-left: 6px solid #28a745;
  }

  input[type="radio"]:checked + .quiz-label.wrong {
    background: #f8d7da;
    border-left: 6px solid #dc3545;
  }

  .feedback {
    display: none;
    margin-top: 10px;
    font-weight: bold;
  }

  /* Feedback logic */
  #q1-a3:checked ~ .feedback.correct,
  #q1-a1:checked ~ .feedback.wrong,
  #q1-a2:checked ~ .feedback.wrong,
  #q1-a4:checked ~ .feedback.wrong,

  #q2-a2:checked ~ .feedback.correct,
  #q2-a1:checked ~ .feedback.wrong,
  #q2-a3:checked ~ .feedback.wrong,
  #q2-a4:checked ~ .feedback.wrong,

  #q3-a4:checked ~ .feedback.correct,
  #q3-a1:checked ~ .feedback.wrong,
  #q3-a2:checked ~ .feedback.wrong,
  #q3-a3:checked ~ .feedback.wrong,

  #q4-a1:checked ~ .feedback.correct,
  #q4-a2:checked ~ .feedback.wrong,
  #q4-a3:checked ~ .feedback.wrong,
  #q4-a4:checked ~ .feedback.wrong,

  #q5-a3:checked ~ .feedback.correct,
  #q5-a1:checked ~ .feedback.wrong,
  #q5-a2:checked ~ .feedback.wrong,
  #q5-a4:checked ~ .feedback.wrong,

  #q6-a2:checked ~ .feedback.correct,
  #q6-a1:checked ~ .feedback.wrong,
  #q6-a3:checked ~ .feedback.wrong,
  #q6-a4:checked ~ .feedback.wrong,

  #q7-a1:checked ~ .feedback.correct,
  #q7-a2:checked ~ .feedback.wrong,
  #q7-a3:checked ~ .feedback.wrong,
  #q7-a4:checked ~ .feedback.wrong,

  #q8-a4:checked ~ .feedback.correct,
  #q8-a1:checked ~ .feedback.wrong,
  #q8-a2:checked ~ .feedback.wrong,
  #q8-a3:checked ~ .feedback.wrong,

  #q9-a2:checked ~ .feedback.correct,
  #q9-a1:checked ~ .feedback.wrong,
  #q9-a3:checked ~ .feedback.wrong,
  #q9-a4:checked ~ .feedback.wrong,

  #q10-a1:checked ~ .feedback.correct,
  #q10-a2:checked ~ .feedback.wrong,
  #q10-a3:checked ~ .feedback.wrong,
  #q10-a4:checked ~ .feedback.wrong {
    display: block;
  }
</style></div><p>How well do you think you know the signs on UK roads? Let's face it, no matter your driving experience, there's bound to be a few gaps in your Highway Code knowledge. Test your skill level with our free online road signs quiz.</p><h2>Question 1</h2><p><img src="https://bumper-blog-prod.s3.eu-west-1.amazonaws.com/White_circle_with_black_diagonal_line_b76a727f47.jpg"></p><div class="raw-html-embed"><div class="quiz-container">
  <p><strong>White circle with black diagonal line</strong></p>
  <input type="radio" name="q1" id="q1-a1"><label class="quiz-label wrong" for="q1-a1">Clearway</label>
  <input type="radio" name="q1" id="q1-a2"><label class="quiz-label wrong" for="q1-a2">30mph zone</label>
  <input type="radio" name="q1" id="q1-a3"><label class="quiz-label correct" for="q1-a3">National speed limit applies</label>
  <input type="radio" name="q1" id="q1-a4"><label class="quiz-label wrong" for="q1-a4">No stopping</label>
  <div class="feedback correct">✅ Correct! That's the national speed limit sign.</div>
  <div class="feedback wrong">❌ Incorrect. It's the national speed limit sign.</div>
</div></div><h2>Question 2</h2><p><img src="https://bumper-blog-prod.s3.eu-west-1.amazonaws.com/Blue_circle_with_red_cross_af57242818.jpg"></p><div class="raw-html-embed"><div class="quiz-container">
  <p><strong>Blue circle with red border and red cross</strong></p>
  <input type="radio" name="q2" id="q2-a1"><label class="quiz-label wrong" for="q2-a1">No entry</label>
  <input type="radio" name="q2" id="q2-a2"><label class="quiz-label correct" for="q2-a2">No stopping</label>
  <input type="radio" name="q2" id="q2-a3"><label class="quiz-label wrong" for="q2-a3">No waiting</label>
  <input type="radio" name="q2" id="q2-a4"><label class="quiz-label wrong" for="q2-a4">End of restriction</label>
  <div class="feedback correct">✅ Correct! Red X = No stopping.</div>
  <div class="feedback wrong">❌ Incorrect. That’s a no stopping sign.</div>
</div></div><h2>Question 3</h2><h2><img src="https://bumper-blog-prod.s3.eu-west-1.amazonaws.com/Red_triangle_with_tank_e644238574.jpg"></h2><div class="raw-html-embed"><div class="quiz-container">
  <p><strong>Red triangle with tank silhouette</strong></p>
  <input type="radio" name="q3" id="q3-a1"><label class="quiz-label wrong" for="q3-a1">Armoured vehicle checkpoint</label>
  <input type="radio" name="q3" id="q3-a2"><label class="quiz-label wrong" for="q3-a2">Vehicles carrying explosives</label>
  <input type="radio" name="q3" id="q3-a3"><label class="quiz-label wrong" for="q3-a3">Slow vehicles</label>
  <input type="radio" name="q3" id="q3-a4"><label class="quiz-label correct" for="q3-a4">Military vehicles</label>
  <div class="feedback correct">✅ Correct! That's for military vehicles crossing.</div>
  <div class="feedback wrong">❌ Incorrect. It means military vehicles ahead.</div>
</div></div><h2>Question 4</h2><p><img src="https://bumper-blog-prod.s3.eu-west-1.amazonaws.com/Blue_square_with_white_and_red_arrows_fc82c89e94.jpg"></p><div class="raw-html-embed"><div class="quiz-container">
  <p><strong>Large white arrow and smaller red arrow</strong></p>
  <input type="radio" name="q4" id="q4-a1"><label class="quiz-label correct" for="q4-a1">Priority over oncoming vehicles</label>
  <input type="radio" name="q4" id="q4-a2"><label class="quiz-label wrong" for="q4-a2">Road narrows</label>
  <input type="radio" name="q4" id="q4-a3"><label class="quiz-label wrong" for="q4-a3">Two-way traffic</label>
  <input type="radio" name="q4" id="q4-a4"><label class="quiz-label wrong" for="q4-a4">No overtaking</label>
  <div class="feedback correct">✅ Correct! You have priority over opposing traffic.</div>
  <div class="feedback wrong">❌ Incorrect. The correct meaning is priority over oncoming vehicles.</div>
</div></div><h2>Question 5</h2><h2><img src="https://bumper-blog-prod.s3.eu-west-1.amazonaws.com/Red_circle_with_car_and_bike_bb2ceb23f0.jpg"></h2><div class="raw-html-embed"><div class="quiz-container">
  <p><strong>White sign: black car &amp; bike in a circle</strong></p>
  <input type="radio" name="q5" id="q5-a1"><label class="quiz-label wrong" for="q5-a1">No cars</label>
  <input type="radio" name="q5" id="q5-a2"><label class="quiz-label wrong" for="q5-a2">No motorcycles</label>
  <input type="radio" name="q5" id="q5-a3"><label class="quiz-label correct" for="q5-a3">No motor vehicles</label>
  <input type="radio" name="q5" id="q5-a4"><label class="quiz-label wrong" for="q5-a4">No overtaking</label>
  <div class="feedback correct">✅ Correct! It means no motor vehicles.</div>
  <div class="feedback wrong">❌ Incorrect. That sign bans motor vehicles (cars &amp; bikes).</div>
</div></div><h2>Question 6</h2><p><img src="https://bumper-blog-prod.s3.eu-west-1.amazonaws.com/Blue_circle_with_looping_arrows_8a5b0d2ff7.jpg"></p><div class="raw-html-embed"><div class="quiz-container">
  <p><strong>Blue circle with white arrows forming a loop</strong></p>
  <input type="radio" name="q6" id="q6-a1"><label class="quiz-label wrong" for="q6-a1">Circular junction</label>
  <input type="radio" name="q6" id="q6-a2"><label class="quiz-label correct" for="q6-a2">Mini-roundabout</label>
  <input type="radio" name="q6" id="q6-a3"><label class="quiz-label wrong" for="q6-a3">Traffic calming</label>
  <input type="radio" name="q6" id="q6-a4"><label class="quiz-label wrong" for="q6-a4">One-way system</label>
  <div class="feedback correct">✅ Correct! That’s a mini-roundabout sign.</div>
  <div class="feedback wrong">❌ Incorrect. It indicates a mini-roundabout.</div>
</div></div><h2>Question 7</h2><h2><img src="https://bumper-blog-prod.s3.eu-west-1.amazonaws.com/Red_triangle_with_crumbling_side_d11868c14e.jpg"></h2><div class="raw-html-embed"><div class="quiz-container">
  <p><strong>Red triangle with rocks falling</strong></p>
  <input type="radio" name="q7" id="q7-a1"><label class="quiz-label correct" for="q7-a1">Risk of falling rocks</label>
  <input type="radio" name="q7" id="q7-a2"><label class="quiz-label wrong" for="q7-a2">Steep hill</label>
  <input type="radio" name="q7" id="q7-a3"><label class="quiz-label wrong" for="q7-a3">Roadworks</label>
  <input type="radio" name="q7" id="q7-a4"><label class="quiz-label wrong" for="q7-a4">Uneven road</label>
  <div class="feedback correct">✅ Correct! Watch out for falling rocks.</div>
  <div class="feedback wrong">❌ Incorrect. That sign warns of falling debris.</div>
</div></div><h2>Question 8</h2><h2><img src="https://bumper-blog-prod.s3.eu-west-1.amazonaws.com/Blue_squares_with_diagonal_white_lines_1fe5b4e37e.jpg"></h2><div class="raw-html-embed"><div class="quiz-container">
  <p><strong>Blue rectangle with diagonal white lines</strong></p>
  <input type="radio" name="q8" id="q8-a1"><label class="quiz-label wrong" for="q8-a1">Lay-by ahead</label>
  <input type="radio" name="q8" id="q8-a2"><label class="quiz-label wrong" for="q8-a2">Service station</label>
  <input type="radio" name="q8" id="q8-a3"><label class="quiz-label wrong" for="q8-a3">Slip road diverge</label>
  <input type="radio" name="q8" id="q8-a4"><label class="quiz-label correct" for="q8-a4">Countdown marker to exit</label>
  <div class="feedback correct">✅ Correct! These countdown signs mark an approaching exit.</div>
  <div class="feedback wrong">❌ Incorrect. They're exit countdown markers on motorways.</div>
</div></div><h2>Question 9</h2><h2><img src="https://bumper-blog-prod.s3.eu-west-1.amazonaws.com/Red_triangle_with_rider_bcfd47e78d.jpg"></h2><div class="raw-html-embed"><div class="quiz-container">
  <p><strong>Red triangle with horse and rider</strong></p>
  <input type="radio" name="q9" id="q9-a1"><label class="quiz-label wrong" for="q9-a1">Deer crossing</label>
  <input type="radio" name="q9" id="q9-a2"><label class="quiz-label correct" for="q9-a2">Horse riders likely</label>
  <input type="radio" name="q9" id="q9-a3"><label class="quiz-label wrong" for="q9-a3">Farm traffic</label>
  <input type="radio" name="q9" id="q9-a4"><label class="quiz-label wrong" for="q9-a4">Animals likely</label>
  <div class="feedback correct">✅ Correct! This warns of horses on or near the road.</div>
  <div class="feedback wrong">❌ Incorrect. It’s for horse riders ahead.</div>
</div></div><h2>Question 10</h2><h2><img src="https://bumper-blog-prod.s3.eu-west-1.amazonaws.com/Red_triangle_with_train_carriage_5fdb28ce43.jpg"></h2><div class="raw-html-embed"><div class="quiz-container">
  <p><strong>Red triangle with train carriage</strong></p>
  <input type="radio" name="q10" id="q10-a1"><label class="quiz-label correct" for="q10-a1">Trams crossing ahead</label>
  <input type="radio" name="q10" id="q10-a2"><label class="quiz-label wrong" for="q10-a2">Railway crossing</label>
  <input type="radio" name="q10" id="q10-a3"><label class="quiz-label wrong" for="q10-a3">Light rail station</label>
  <input type="radio" name="q10" id="q10-a4"><label class="quiz-label wrong" for="q10-a4">Tram lane begins</label>
  <div class="feedback correct">✅ Correct! This sign warns of trams crossing the road.</div>
  <div class="feedback wrong">❌ Incorrect. It means trams may cross ahead.</div>
</div></div><p>And there you have it, our road sign quiz! How did you do? Are you ready to get back on the road, or should you book in for a Highway Code refresher course? Pass the quiz to a friend to see if they can beat your score. Thanks for playing!</p>

large_Road signs on a white background.jpeg

medium_Road signs on a white background.jpeg

small_Road signs on a white background.jpeg

thumbnail_Road signs on a white background.jpeg

Road signs on a white background.jpeg

Are you a road sign expert? Take our free road sign quiz and see how many you get right. Play online for free. 

QUIZ: How many of these road signs do you know?

Question 1

Question 2

Question 3

Question 4

Question 5

Question 6

Question 7

Question 8

Question 9

Question 10