I have Created diamond successfully by using following code

**CSS:**

```css
 .diamond {
      height: 75px;
      width: 75px;
      border-radius:15px;
      transform: rotate(45deg);
      float: left;
      margin-left: 18%;
      font-size:50px;
      color: white;
      font-family:Adequate-ExtraLight;
    }
```

```html
    <div class="diamond" style="background-color:#ff4d4d">48</div>
```

produced output by above code has tilted text,
but I want to make text horizontally. I tried but failed. 
Could any one please tell me how to achieve this.