char clustering output and initial html display
fixing margin and padding