Below is a rendering of the document prob1.html . Below it is a listing of this
ID: 3575700 • Letter: B
Question
Below is a rendering of the document prob1.html. Below it is a listing of this document with some gaps labeled with Greek letters. Specifically, you need to fill in a link element for stylesheet prob1.css (gap a) and apply class box to the p element (gap b) and class slim to the div and the ul elements (two g gaps). Stylesheet prob1.css specifies that span elements inside li elements have style italic, and it defines a class box for p elements that has them float left, occupy 60% of the width of the screen, and have a 20-pixel right margin. This stylesheet also defines a class slim (applicable to any element) specifying a two-pixel margin all around. The Greek-letter labels are repeated on the next page along with descriptions of what is to fill the gaps. You there provide this missing code. The description of the stylesheet rules is also repeated, and you there provide the stylesheet. Please give details. (All the same problem 4)
Q Mailings Review View Developer Format Tell me what you want to do This is page 6 4 25 pts.). Below is a rendering of the document probl.html. Below it is a listing of this document with some gaps labeled with Greek letters. Specifically, youneed to fill ina link element for stylesheet probl.css (gap o) and apply class box to the p element (gap P) and class slim to the div and the ul elements (two Y gaps. Stylesheet probl.css specifies that span elements inside li elements have style italic, and it define a class box for p elements that has them float left, occupy 60% of the width of the screen, and have a 20- pixel right margin. This stylesheet also defines a class slim (applicable to any element specifying a two- pixel margin all around. The Greek-letter labels are repeated on the next page along with descriptions of what is to fill the gaps. You there provide this missing code. The description ofthe stylesheet rules is also repeated, and you there provide the stylesheet. The Great Lakes (sometimes, Laurentian Great The Great Lakes include Lakes or the Great Lakes of North America are a Lake Superior (31,700 sq mi) series of interconnected freshwater lakes located Lake Michigan (22,300 sa mi) in northeastern North America located in Lake Huron (23,000 sa mi) northeastern North America, on the Canada Lake Erie (0,010 sa mi) United States border, which connect to the Lake Ontario (7,340 sa m) Atlantic Ocean through the Saint Lawrence RivExplanation / Answer
The solution for alpha, beta, gamma are very simple. I am including the html file and css file for these solutions. These files need to be in the same directory. Just open the prob1.html in the browser to view it.
Please comment if you have any confusion or problem in understanding.
prob1.html
<html>
<head>
<meta charset="utf-8" />
<title>Final, Problem 1</title>
<!-- alpha -->
<link rel="stylesheet" type="text/css" href="prob1.css">
</head>
<body>
<!-- beta -->
<p class="box">
The Great Lakes (sometimes, Laurentian Great Lakes) or the
Great Lakes of North America are a series of interconnected
freshwater lakes located in northeastern North America
located in Northeastern North America, on the Canada-United
States border, which connect to the Atlantic Ocean through
the Saint Lawrence River.
</p>
<!-- gamma -->
<div class="slim">The Great Lakes include</div>
<!-- gamme -->
<ul class="slim">
<li>Lake Superior (<span>31,700 sq mi</span>)</li>
<li>Lake Michigan (<span>22,300 sq mi</span>)</li>
<li>Lake Huron (<span>23,000 sq mi</span>)</li>
<li>Lake Erie (<span>9,910 sq mi</span>)</li>
<li>Lake Ontario (<span>7,340 sq mi</span>)</li>
</ul>
</body>
</html>
prob1.css
li span {
font-style: italic;
}
p.box {
float: left;
width: 60%;
margin-right: 20px;
}
.slim {
margin: 2px;
}
Related Questions
drjack9650@gmail.com
Navigate
Integrity-first tutoring: explanations and feedback only — we do not complete graded work. Learn more.