duas divs divididas com linha diagonal - CSS

Estou tentando obter duas divs para caber em toda a largura da página, mas dividir ao meio com uma linha diagonal.

Como posso conseguir isso com duas divs através do CSS? é para um controle deslizante e precisa de conteúdo adicionado a cada parte quando terminar

questionAnswers(1)

yourAnswerToTheQuestion