Gire el texto div después de hacer clic en el botón usando jquery y css

Quiero rotar el texto div después de hacer clic en el botón usando jquery y css

Si el usuario hace clic enRotate Left botón, luego el texto gira en el lado izquierdo
o
usuario haga clic enRotate Right botón, luego el texto gira en el lado derecho

Ejemplo:

<div id="RotateDiv">Happy Birthday</div>

<button id="btnRotateLeft" type="button">Rotate Left</button>
<button id="btnRotateRight" type="button">Rotate Right</button>

Respuestas a la pregunta(1)

Su respuesta a la pregunta