Question 11
Consider the following HTML document.
<!DOCTYPE html><html><head> <style> span { background-color: lightgray; color: red; font-weight: bold; } div{ border: 3px solid purple; text-align: center; width:20%; } #id1 { color:blue ; } #id2 { display: block; } .class1 { background-color: lightgreen; color: blue; display: inline-block; } .class2 { background-color: skyblue; color: red; } </style></head><body> <div> <span class="class1" id="id1">Content 1</span> <span class="class2 class1" >Content 2</span> <span id="id2">Content 3</span> </div></body></html>How will the browser render above HTML file?