Question

Hello all I’m just trying to have my border around my table cell right around the text…not stretched the length of the entire table. Its the section with the border around it

CSS:

table.content_table {
width: 100%;
margin: 0px;
border-collapse: collapse;
}
table.content_table > tbody > tr > td.results {
border: 2px solid;
background-color: #eeeecc;
font-size: 8pt;
font-weight: bold;
PADDING: 0px;

}

HTML:

    <table class="content_table">
    <br/><br/>
     <h1>Planned Vs Actual Productions Drilldown</h1>


            <tr>
            <td class="results">
         Number of results returned:  ${fn:length(beans)}
        </td>
        </tr>

Answer 1

give the text a simple span or any other block element like div p … span with inline-block is also a block element which can have a border.

table.content_table {
  width: 100%;
  margin: 0px;
  border-collapse: collapse;
}
.border {
  border: 2px solid;
  background-color: #eeeecc;
  font-size: 8pt;
  font-weight: bold;
  PADDING: 0px;
  display: inline-block;
}   

Any Element inside a table needs to be in TD so that is is valid html… put another tr > td into your table like this

<table class="content_table">
<tr>
   <td>
     <h1>Planned Vs Actual Productions Drilldown</h1>
   </td>
</tr>
  <tr>
    <td class="results">
        <span class="border">Number of results returned:  ${fn:length(beans)}</span>
    </td>
    </tr>
</table>