View Single Post
Old 10-20-2013, 07:21 PM   #11
ramsaa
Member
ramsaa began at the beginning.
 
Posts: 10
Karma: 10
Join Date: Sep 2013
Device: Kindle
Quote:
Originally Posted by RbnJrg View Post
Try with this style:

Code:
.wrap-cont p {
  background: url(../Images/corchete.png) no-repeat bottom left;
  background-size: 0.33em;
  text-indent: -100px;
  margin: 0 0 0 100px;
}
As you can see, instead of using a background-size of 1% I am using a size of 0.33 em. In my tests with Sigil worked fine.

Also you could use a .svg image instead of a .png and with "a space" on the right including.

Regards
Rubén
I added a padding in order to have a space between the opening bracket and the rest of the verse. And yes, it only appears in the final break line, I am thinking that may be can be solved with repeat-y, but I do not know what I can do in order to not have the bracket on the first line... The code:

Code:
.wrap-cont p {
  background: url(../Images/corchete.png) repeat-y bottom left;
  background-size: 0.5em;
  padding: 0 0 0 .25em;
  text-indent: -100px;
  margin: 0 0 0 100px;
}
ramsaa is offline   Reply With Quote