+ Start a Discussion

Output of VF Page to display the records with alignment

Hi All,

I have the below V page code  where i need to display the below with Alignment  and spaces between the case number and description i have used nobrackspace but it's not working as expected .
Can anyone suggest  how to align the output correctly 

<apex:page controller="NewCaseListController">
<apex:form >
 <apex:pageblock title="New Cases List" id="cases_list"> 
        <apex:repeat var="case" value="{! newCases }" rendered="true"  id="case_list"  >
                <apex:outputLink value="/{!case.ID}" >
                    <apex:outputText value="{!case.CaseNumber}"/>
                    <apex:outputText value="{!case.Subject}"/>


public class NewCaseListController {
    private String val = 'New';
public List<Case> getNewCases() { 
        List<Case> results = Database.query(
        'SELECT Id, CaseNumber,Subject FROM Case WHERE Status = \'' + String.escapeSingleQuotes(val)+'\'');
    return results;

Output of the case details

Best Answer chosen by VijayNi
SwethaSwetha (Salesforce Developers) 
HI Vijay,
You will need to use CSS to accomplish the spacing

See code snippet in https://github.com/rsoesemann/visualforce-table-grid

Hope this helps you. Please mark this answer as best so that others facing the same issue will find this information useful. Thank you