Table and CSS(W/O <Table>

Week 3 Task 8

by Ken Wai Ooi

HTML

<div class="label">
<p>First</p>
<p>Last</p>
<p>Position</p>
</div>

<div class="row">
<p>Jane</p>
<p>Doe</p>
<p>Professor</p>
</div>

<div class ="row">
<p>John</p>
<p>Smith</p>
<p>Professor</p>
</div>

CSS

/*ake the text float to the left,create space in between (in-line level)*/
.label>p, .row>p 
{
  float:left;
  margin: 2px 0px 0px 2px
}

/*ake these block to become 400px width(Block level)*/
.row, .label {   
    width: 400px;
}

/* Configure table header */
.label>p, th
{
  background-color: darkblue;
  color:white;
  font-weight:bold;
}
/*Configure the table data */
.row>p, td
{
  background-color: grey;
  color:black;
  
}

/*Configure overall stuff */
th,td, .row>p, .label>p
{
  padding:10px;
  border:1px solid black;
  font-size: 16px;
  width:100px;
  text-align; center;
}