Add the following CSS rules to the embedded stylesheet:

• An element selector to make an inline-block element with 120px width.
• A multiple selector to make all and elements have a 300px width with 10px padding.</li> <li>An attribute selector to make an <input> with attribute type="submit" have an auto width.</li> <li>A pseudo-element selector ::after for the .required class to place a red asterisk (*) immediately after any element that uses the .required class.</li> <li>An adjacent sibling selector to make any <input> that is a sibling of <label> use background color rgb(219, 241, 248).</li> </ul> </p> </div> <div class="question-answer-divider"></div> <section class="answerHolder" itemscope itemtype="http://schema.org/Answer"> <div class="answerHolderHeader"> <h2>Step by Step Solution</h2> <div class="answerReviews"> <div class="starIcon"> </div> </div> </div> <div class="questionProperties"> <p>There are 3 Steps involved in it</p> <div class="cart-flex"> <div class="cart cart1"> 1 Expert Approved Answer </div> </div> </div> <div class="step org_answer"> <span class="view_solution_btn view-solution-btn-cursor"> <strong class="step-heading step-1">Step: 1 <span>Unlock <i class="fa-solid fa-lock"></i></span></strong> </span> <img src="https://www.solutioninn.com/includes/images/document_product_info/blur-text-image.webp" class="blured-ans-image" width="759" height="271" alt="blur-text-image" decoding="async" fetchpriority="high"> <div class="step1Popup"> <span class="heading">Question Has Been Solved by an Expert!</span> <p>Get step-by-step solutions from verified subject matter experts</p> <button class="view_solution_btn step1PopupButton">View Solution</button> </div> </div> <div class="step"> <span class="view_solution_btn view-solution-btn-cursor"> <strong class="accordion step-heading">Step: 2 <span>Unlock <i class="fa-solid fa-lock"></i></span></strong> </span> </div> <div class="step"> <span class="view_solution_btn view-solution-btn-cursor"> <strong class="accordion step-heading">Step: 3 <span>Unlock <i class="fa-solid fa-lock"></i></span></strong> </span> </div> </section> <section class="relatedQuestion"> <h2>Students Have Also Explored These Related Programming Questions!</h2> <div class="relatedQuestionSliderHolder"> <div class="relatedQuestionCart "> <p class="heading">Q: </p> <a class="relatedQuestionText" href="/study-help/questions/modify-the-given-html-file-to-look-like-the-web-13414497" > Modify the given HTML file to look like the web page below. Rate a Product * indicates required field. Product Purchase Date mm/dd/yyyy Rating 4 Comments Submit Rating Add the following CSS rules to... </a> </div> <div class="relatedQuestionCart "> <p class="heading">Q: </p> <a class="relatedQuestionText" href="/study-help/questions/412-lab-style-the-form-with-advanced-selectors-modify-the-8442439" > 4.12 LAB: Style the form with advanced selectors Modify the given HTML file to look like the webpage below. Rate a Product Add the following CSS rules to the embedded stylesheet: - An element... </a> </div> <div class="relatedQuestionCart "> <p class="heading">Q: </p> <a class="relatedQuestionText" href="/study-help/questions/modify-the-given-html-file-to-look-like-the-web-12560420" > Modify the given HTML file to look like the web page below. Source: Wikipedia Add the following CSS rules to the embedded stylesheet: - An ID selector for the ID game-table should: - Use the border... </a> </div> <div class="relatedQuestionCart "> <p class="heading">Q: </p> <a class="relatedQuestionText" href="/study-help/questions/411-lab-bestselling-video-games-table-css-modity-the-external-13424995" > 4.11 LAB: Best-selling video games table (CSS) Modity the external stylesheet so the provided HTML produces the webpage below. Source: Wikipedia Add the following CSS fules to the embedded... </a> </div> <div class="relatedQuestionCart "> <p class="heading">Q: </p> <a class="relatedQuestionText" href="/study-help/questions/can-you-please-help-me-solving-this-it-is-e-13741921" > can you please help me solving this it is E- Commerce Cours TRY IT OUT Writing Your First CSS In this Try It Out you will write some CSS that changes the appearance of a header and two paragraphs.... </a> </div> <div class="relatedQuestionCart "> <p class="heading">Q: </p> <a class="relatedQuestionText" href="/study-help/questions/in-this-assignment-you-will-create-a-web-page-about-23291727" > In this assignment you will create a web page about your favorite sports to play or teams to watch. If you don't watch or play sports, please make up your favorite sports to play or teams to watch.... </a> </div> <div class="relatedQuestionCart "> <p class="heading">Q: </p> <a class="relatedQuestionText" href="/study-help/questions/need-help-with-this-html-exercise-heres-the-instruction-thanks-13590778" > Need help with this HTML exercise. Here's the instruction. Thanks for helping ...Please answer asap and explain in details. In this assignment I need to create a web page about your favorite sports... </a> </div> <div class="relatedQuestionCart "> <p class="heading">Q: </p> <a class="relatedQuestionText" href="/study-help/questions/can-you-fix-what-is-wrong-with-this-css-code-23284515" > Can you fix what is wrong with this CSS code at the bottom is what I have done and all the html files that are needit for this are all correct. i just need to fix this css file. dirctions... </a> </div> <div class="relatedQuestionCart "> <p class="heading">Q: </p> <a class="relatedQuestionText" href="/study-help/questions/selfiesite-exercise-3-introduction-this-exercise-is-intended-help-you-10208298" > SELFIE-SITE EXERCISE 3 INTRODUCTION This exercise is intended help you practice adding basic CSS (Cascading Style Sheet) styling rules to your web pages. It will have you create and link an external... </a> </div> <div class="relatedQuestionCart "> <p class="heading">Q: </p> <a class="relatedQuestionText" href="/study-help/questions/create-a-resume-site-1-update-the-indexhtml-file-a-9442348" > Create a resume site 1. Update the index.html file a. Let's update our projects by adding in the content wrappers. To keep the text from spanning across the whole page, starting with the header. Add... </a> </div> <div class="relatedQuestionCart "> <p class="heading">Q: </p> <a class="relatedQuestionText" href="/explain-why-the-properties-of-polycrystalline-materials-are-most-often-isotropic" > Explain why the properties of polycrystalline materials are most often isotropic </a> </div> <div class="relatedQuestionCart "> <p class="heading">Q: </p> <a class="relatedQuestionText" href="/study-help/questions/how-long-will-pump-and-treat-take-to-remove-the-233953" > How long will pump and treat take to remove the TCE spill? 1 m 33 g/m 1 m 0.03 m/day 1 m DNAPL Dissolved TCE </a> </div> <div class="relatedQuestionCart "> <p class="heading">Q: </p> <a class="relatedQuestionText" href="/study-help/intermediate-accounting11th/27-what-disclosures-should-be-made-by-lessees-and-lessors-3041950" > 27. What disclosures should be made by lessees and lessors related to future lease payments? </a> </div> <div class="relatedQuestionCart "> <p class="heading">Q: </p> <a class="relatedQuestionText" href="/study-help/questions/2023-1040-form-1phillip-and-claire-are-married-and-file-10820280" > 2023 1040 form 1.Phillip and Claire are married and file a joint return. Phillip is self-employed as a real estate agent, and Claire is a flight attendant. Phillip and Claire have three dependent... </a> </div> </div> <nav class="navigationButtons"> <a class="previousQuestionButton" href="/study-help/questions/f-17792663">Previous Question</a> <a class="nextQuestionButton" href="/study-help/questions/reading-and-writing-files-csit-575-in-class-exercise-17792665">Next Question</a> </nav> </section> </main> <aside class="expertRight"> <section class="relatedBook" style="margin-bottom:40px; width: 100%;" > <div class="bookHolder" > <div class="relatedBookHeading" > <h2 class="heading">Recommended Textbook</h2> </div> <div class="bookMainInfo" > <div class="bookImage" style="width: 100px !important; min-width: 100px; flex-shrink: 0; margin-right: 20px;"> <a href="/textbooks/mobile-usability-1st-edition-9780133122138"> <img src="https://dsd5zvtm8ll6.cloudfront.net/si.question.images/book_images/2022/02/6202295e2c75e_8296202295d282ac.jpg" width="100" height="131" alt="Mobile Usability" loading="lazy" style="width: 100px !important;"> </a> <a href="/textbooks/computer-science-simscript-2586" style="margin-top: 8px; display: block; text-align: left;">More Books</a> </div> <div class="bookInfo" style="text-align: left;"> <span class="bookTitle" style="text-align: left;"> <a href="/textbooks/mobile-usability-1st-edition-9780133122138" style="text-align: left;"> Mobile Usability </a> </span> <div class="bookMetaInfo" style="text-align: left;"> <p class="bookAuthor" style="text-align: left;"> <b>Authors:</b> <span>Jakob Nielsen, Raluca Budiu</span> </p> <p class="bookEdition" style="text-align: left;"> 1st Edition </p> <p class="bookEdition" style="text-align: left;"> 0133122131, 9780133122138 </p> </div></div></div> </div> </section> <div class="post-question-section"> <div class="description-question-section"> <span class="post-question-section-title">Ask a Question and Get Instant Help!</span> </div> <div class="text-area-post-question"> <form action="/study-help/post-question?ref=search" method="post" enctype="multipart/form-data"> <textarea rows="4" class="form-control form-posting-margin" name="textarea-question-content" id="textarea-question-content" placeholder="Type Your Question ....">