Advertisement
Not a member of Pastebin yet?
Sign Up,
it unlocks many cool features!
- <!DOCTYPE html>
- <html>
- <head>
- <meta charset="utf-8">
- <meta name="viewport" content="width=device-width">
- <title>JS Bin</title>
- <style>
- ul li {
- list-style: none;
- font-size: 1.2em;
- text-shadow: 0px 0px 4px #fff;
- font-weight: bold;
- font-family: sans-serif;
- }
- .indicator{
- background-image: url(http://lorempixel.com/100/100/sports/1/);
- background-repeat: repeat-y;
- background-size: 100% 100%;
- background-position-x: left;
- background-clip: border-box;
- /*background-color: rgba(0,0,0,0.1);*/
- }
- <style>
- </head>
- <body>
- <ul>
- <li class="ayah" data-key="311"><span class="indicator" style="background-size: 20%;">Some Text her and it should has dynamic background sized.</span> <a class="btn btn-warning" href="/verses/view/311">18</a></li>
- </ul>
- </body>
- </html>
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement