jPaulB
Coder
Hi Everybody,
I want to include an unordered list inside a box. The code I've supplied down below will draw an empty box just fine and then continue to render the unordered list.
How do I correct this so that the "box" will contain the whole unordered list?
Example.css
Example.html
Many Thanks,
Paul
I want to include an unordered list inside a box. The code I've supplied down below will draw an empty box just fine and then continue to render the unordered list.
How do I correct this so that the "box" will contain the whole unordered list?
Example.css
CSS:
.box {
border-style: solid;
border-width: 2px;
border-color: #000000;
background-color: #FFFFF5;
border-radius: 5px;
padding: 10px;
margin-left: 30px;
}
Example.html
HTML:
<p class="box">
<ul>
<li><h4>HTML</h4></li><h5>Basic Description</h5>
<li><h4>CSS</h4></li><h5>Basic Description</h5>
<li><h4>PHP</h4></li><h5>Basic Description</h5>
<li><h4>JavaScript</h4></li><h5>Basic Description</h5>
</ul>
</p>
Many Thanks,
Paul