title: css pagination highlight the chosen page number
body: <p>I am looking for a way to highlight the chosen page number in pagination using css,
  or to make the chosen page number bold.</p>
  
  <p>the pagination php code works fine so I think I should modify the css page.</p>
  
  <p>what should I add here:</p>
  
  <pre><code>body
  {
  padding:50px;
  font-size:0.85em;
  font-family:arial;
  }
  
  a
  {
  text-decoration:none;
  color:#0080ff;
  }
  
  a:hover
  {
  text-decoration:underline;
  }
  
  
  
  .info
  {
  line-height:150%;
  width:650px;
  overflow:auto;
  margin-top:30px;
  color:#555555;
  }
  
  .msg
  {
  padding:10px;
  border-bottom:dashed 1px #5d478b;
  width:450px;
  margin-bottom:15px;
  }
  
  #pages
  {
  clear:both;
  list-style-type:none;
  overflow:hidden;
  margin:0;
  padding:0;
  }
  
  #pages li
  {
  float:left;
  }
  
  #pages li a
  {
  font-weight:bold;
  margin:0 4px;
  padding:5px 10px;
  border:1px solid #bbb;
  display:inline-block;
  border-radius:5px;
  }
  
  #pages li a:hover
  {
  text-decoration:none;
  color:#ff0080;
  }
  </code></pre>