JSFiddle - React, Tailwind, and code Playground

by Lalji Tadhani

HTML

<div class="slider-text">
  <p>
    Lorem ipsum dolor sit amet, consectetur adipiscing elit. Curabitur velit nisi, imperdiet sed risus non, accumsan finibus orci. Duis id accumsan lorem. Cras ornare lobortis faucibus. Quisque id laoreet nisi, ac mollis lectus.
  </p>
</div>

CSS

.slider-text
{
  float:       left;
  font-size:   65px;
  margin-left: 45px;
  width:       80%;
}

.slider-text p {
    background: #f00 none repeat scroll 0 0;
    box-decoration-break: clone;
    -webkit-box-decoration-break: clone;
    color: #fff;
    display: inline-blob;
    font-weight: 300;
    line-height: 1.4;
    margin-bottom: 10px;
    padding: 0px;
}