Затемнить изображение и добавить текст поверх него в CSS

Как бы затемнить (добавить полупрозрачное наложение) и добавить текст к этому изображению (но по центру по горизонтали и вертикали), как показано ниже:

HTML

<img src="http://luxurylaunches.com/wp-content/uploads/2014/05/uber-london.jpg" id="top" data-appear-animation="fadeIn">

CSS

#top {
width: 100%;
height: auto;
}
body {
margin: 0px;
}

Скрипка здесь:http://jsfiddle.net/6jf0nxd5/

Ответы на вопрос(4)

Ваш ответ на вопрос