I am trying to make **Matter** in the HTML to be `left align` and **Index** to be center align, do I have to write another CSS class and apply to index or there is a way to manage this in the same `page-title` class

```css
.page-title {
  float: left;
  width: 100%;
  padding: 10px 10px 0;
  line-height: normal;
  border-bottom: 1px solid #b1b7ca;
  margin-bottom: 15px;
  margin-left: 10px;
}
```

```html
<div class="page-title">Matter Index</div>
```