Can someone check this code please?

Forum|Forum|8 years ago
January 28, 2018
2 replies
433 views

https://exetragoudi.000webhostapp.com/sample.html

I can't figure out why chromium based browsers (Chrome, Opera) wrap the text of the first line, while IE, Edge and Firefox don't...

This topic has been closed for replies.

Correct answer geotso

This is partially right.

The real problem was the ::first-line pseudo-element. I removed it and then applied <strong> to individual <a> tags.

Thanks.

magical_Skyline0D4A

Inspiring

You could assign a different class for each "a" or use the span tag for individual parts of text with different css styles.

Regards

geotsoAuthorCorrect answer

Inspiring

This is partially right.

The real problem was the ::first-line pseudo-element. I removed it and then applied <strong> to individual <a> tags.

Thanks.

BenPleysier

Community Expert

I'm sorry, I cannot figure out why without spending a lot of time. I do have a solution as follows

1. change

.dscinf p::first-line {
font-weight: bold;
}

to

.dscinf a:first-child {
font-weight: bold;
}

2. add the highlighted line

.dscinf a {
color: #039;
text-decoration: none;
display: block;
}

3. move the paragraph element to cover the last two lines only

<div class="dscinf"><a href="#">THIS IS A (INTENTIONALLY EXTENDED) SAMPLE TITLE OF THE LP</a>
<a href="#">Artist name</a>
<p>Jun 2000<br>
Mercury 542558</p>
</div>

Wappler is the DMXzone-made Dreamweaver replacement and includes the best of their powerful extensions, as well as much more!

geotsoAuthor

Inspiring

Well, I'll try it. Thanks.

Meanwhile, I found out that I can only remove the second left-float style (.dscinf) to fix it.

It seems that Chrome doesn't want two left-floats side by side.

Thanks again.

Sign up

To post, reply, or follow discussions, please sign in with your Adobe ID.

Sign in to Adobe Community

To post, reply, or follow discussions, please sign in with your Adobe ID.

Scanning file for viruses.

This file cannot be downloaded