Everything is possible

by vvv vvvv

HTML

<div id="slogan">
  <div id="slogan-pt1" class="slogan-side"><span>Everything</span></div>
  <div id="slogan-pt2">is possible</div>
  <div id="slogan-pt3" class="slogan-side"><span>with CSS</span></div>
</div>

CSS

@import url(http://fonts.googleapis.com/css?family=Playfair+Display+SC);

body {
  padding: 50px;
  background-color: #000;
  color: #fff;
  text-align: center;
}

#slogan {
  display: inline-block;
  overflow: hidden;
  /*Needs to be extensible. So no width… and auto margins*/
  font-family: "Playfair Display SC";
  line-height: 1;
  font-style: italic;
  text-transform: uppercase;
  letter-spacing: 7px;
  text-align: left;
}

.slogan-side {
  padding: 0 5em;
  font-size: 25px;
}

.slogan-side > span {
  position: relative;
  padding: 0 0.5em;
}

.slogan-side > span:before,
.slogan-side > span:after {
  content:"";
  position: absolute;
  top: 0.5em;
  border: 0 none;
  border-top: 1px solid #fff;
  width: 9999px;
  height: 0;
}

.slogan-side > span:before {
  left: -9999px;
}

.slogan-side > span:after {
  right: -9999px;
}

#slogan-pt2 {
  padding-bottom: 13px;
  font-size: 120px;
}

#slogan-pt3 {
  text-align: right;
}

JavaScript

// http://emploinewyork.com/
// or: http://i.imgur.com/Q53Bl.png (image)