HTML Tables Styleing

by Taqi_Shah

HTML

<section class="box_servicos_new"> 
<div class="box_post_title"><center>Services</center></div>
<div class="conteudo_box_servicos">

	
	
	<div>
		
			<a class="linkservico" href="http://www.mrbool.com/rte3/addcomment.asp?idcomp=29417" rel="nofollow">Add a comment</a>
		
	</div>

	<div class="link_box_servico">
		<a href="http://mrbool.com/favorite/addfavorite.asp?comp=29417" class="linkservico" rel="nofollow">Add to favorites</a>
	</div>

	<div class="link_box_servico">
		<a href="http://mrbool.com/favorite/add_finished.asp?comp=29417" class="linkservico" rel="nofollow">Mark as viewed</a>
	</div>

	<div class="link_box_servico">
		<a class="linkservico" href="http://mrbool.com/articles/addnote.asp?idcomp=29417" rel="nofollow">Add a note</a>				  						
	</div>

</div>
</section>


<div id="box_info_post_main">
				
			
				<div style="padding-top:10px;margin-top:10px;">
			   <span style="padding:7px;background-color:#FFFFCC;font-size:8pt;border-style:solid;border-color:grey;border-width:1px;"><span>Course:</span>&nbsp;&nbsp;<strong>
							
			
			  <a href="http://www.mrbool.com/course/introduction-to-bootstrap/397">Introduction to Bootstrap  </a>
				
</strong></span></div>
	
			</div>

CSS

.box_servicos_new {
  margin-top: 30px;
  /* margin-left: 650px; */
  border-bottom: 1px solid #b8b8b8;
  border-top: 1px solid #b8b8b8;
  border-left: 1px solid #b8b8b8;
  border-right: 1px solid #b8b8b8;
  z-index: 10;
  max-width: 300px;
}
.box_post_title {
  font-family: verdana;
  background-color: #f7f7f7;
  border-bottom: 1px solid #b8b8b8;
  padding-top: 5px;
  padding-bottom: 5px;
  font-size: 16px;
}
.conteudo_box_servicos {
  margin-left: 15px;
  padding-left: 10px;
  margin-bottom: 15px;
  margin-top: 15px;
  font-size: 12px;
  font-family: verdana;
  line-height: 20px;
}