Assume you have the following html code:<html><head><style> /* Your code goes here */</style></head><body><div class="container"> <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. </p></div></body></html>Add the following internal CSS styling rules to the code; you may use CSS class selectors as needed:For the divThe width is 500px. Set the background color to green and the border should be solid yellow color with 5px thickness.The margin distance from the top is 20px.For the paragraph “p”Set the background color to red, text color to white.The padding for all the directions should be 50px. Lorem ipsum dolor sit amet, consectetur adipiscing elit, seddo eiusmod tempor incididunt ut labore et dolore magnaaliqua. Ut enim ad minim veniam, quis nostrud exercitationullamco laboris nisi ut aliquip ex ea commodo consequat.

For given CSS conditions i have added all that styles in HTML and provide output below.

Answered: Assume you have the following html…

Database System Concepts

7th Edition

ISBN:9780078022159

Author:Abraham Silberschatz Professor, Henry F. Korth, S. Sudarshan

Publisher:Abraham Silberschatz Professor, Henry F. Korth, S. Sudarshan

Chapter1: Introduction

Section: Chapter Questions

Problem 1PE

See similar textbooks

Related questions

Question

Assume you have the following html code:

<style>

/* Your code goes here */

</style>

</head><body><div class="container"> <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. </p></div></body></html>

Add the following internal CSS styling rules to the code; you may use CSS class selectors as needed:

For the div
- The width is 500px.
- Set the background color to green and the border should be solid yellow color with 5px thickness.
- The margin distance from the top is 20px.
For the paragraph “p”
- Set the background color to red, text color to white.
- The padding for all the directions should be 50px.

Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed
do eiusmod tempor incididunt ut labore et dolore magna
aliqua. Ut enim ad minim veniam, quis nostrud exercitation
ullamco laboris nisi ut aliquip ex ea commodo consequat.

Expert Solution

Step by step

Solved in 2 steps with 1 images

SEE SOLUTION Check out a sample Q&A here

Knowledge Booster

Learn more about

Need a deep-dive on the concept behind this application? Look no further. Learn more about this topic, computer-science and related others by exploring similar questions and additional content below.

Similar questions