function readOnly(count){ }
Starting November 20, the site will be set to read-only. On December 4, 2023,
forum discussions will move to the Trailblazer Community.
+ Start a Discussion
VijayNiVijayNi 

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"  >
           <li>
                <apex:outputLink value="/{!case.ID}" >
                    <apex:outputText value="{!case.CaseNumber}"/>
                    &nbsp;
                    <apex:outputText value="{!case.Subject}"/>
                </apex:outputLink>
            </li>
</apex:repeat>
</apex:pageBlock>
</apex:form>

</apex:page>




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
https://salesforce.stackexchange.com/questions/86334/space-aligning-between-visualforce-page?rq=1
https://salesforce.stackexchange.com/questions/229358/adding-space-between-side-by-side-commanlinks-in-a-panelgrid

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