Line over text

[RbnJrg]

Originally Posted by RbnJrg

There is another method to achieve what you want that I think it could work in ADE too; if later I have a bit of free time, I will post it.

Here is the another method; this one works also in ADE and should be the definitive solution for your issue. In your css stylesheet, write:

h2 {
  margin: 0;
}

.line_aside {
  display: block;
  height: 2em;
  border-bottom: 3px solid black;
  margin: -0.5em 0 1em;
  background: white;
}

.text {
  float:left;
  font-weight: bold;
  padding: 0 16px 0 5px;
  margin: 1em 0 0 -0.2em;
  font-size: 1.2em;
  background: white !important;
}

p {
  font-size: 1em;
  margin: 0;
  text-align: justify;
  text-indent: 0;
}

p + p {
  text-indent: 1em;
}

And in your .html file write:

<h2 class="line_aside"><span class="text">BLA BLA BLA BLA</span></h2>

<p> ...something... </p>

Below I attach a screenshot of ADE and the respective epub.

Regards
Rubén

[Steadyhands]

Originally Posted by RbnJrg

Here is the another method; this one works also in ADE and should be the definitive solution for your issue. In your css stylesheet, write:

Thanks very much Rubén. I've tried both additional methods on the PC with success. Yet to reload a file to the iPad, will report back here later.

[JSWolf]

Originally Posted by Steadyhands

Thanks very much Rubén. I've tried both additional methods on the PC with success. Yet to reload a file to the iPad, will report back here later.

Please don't use iPad when you mean a specific app.

[Steadyhands]

Either of the last two methods work in iBooks.

Thanks again Rubén

[RbnJrg]

Originally Posted by Steadyhands

Either of the last two methods work in iBooks.

Thanks again Rubén

You are welcome