Salad Survey 6</th> <style> body { font-family: Arial, sans-serif; background-color: #f2f2f2; } .container { border: 5px solid #000; background-color: #ccc; padding: 10px; width: 800px; margin: 40px auto; } .question { border: 4px solid #000; background-color: #f2f2f2; padding: 10px; font-weight: bold; } </style> </head> <body> <div class="container"> <h1 class="question">What is the optimal dressing ratio?…</h1> <div> <label for="vinaigrette">Vinaigrette:</label> <input type="radio" id="vinaigrette" name="dressing" value="1:2"> <span class="vinaigrette">1:2</span> <label for="caesar">Caesar:</label> <input type="radio" id="caesar" name="dressing" value="2:3"> <span class="caesar">2:3</span> <label for="ranch">Ranch:</label> <input type="radio" id="ranch" name="dressing" value="3:1"> <span class="ranch">3:1</span> </div> <button onclick="alert('Sorry, we can't tell you the answer')">Submit</button> <p>Or, you know what? <a href="/neobrutalist/survey/8/food-salad/dressing-hacks" class="link">Maybe just make your own?</a></p> </div> </body> </html>