Inspiring

Answered

Can someone check this code please?

4 replies
447 views
Translate

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 is closed to new replies. Start a new post to keep the conversation going.

geotsoCorrect 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.

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

Translate

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.

Translate

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>

Translate

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.

Translate

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.