CODEWITHSUNDEEP
htmlcssfonts
jan777
jan777

Reputation: 39

Text highlighting cuts off on top

I am new to web design. I'm currently working on my school's website, but I encountered a problem. When I highlight a text in .wrap, the highlighting is cut off on the top. Why does this occur and how can I fix it? Thank you for your support.

Test Site: http://whileloop.x10.mx/test/

Upvotes: 0

Views: 192

Answers (2)

Ansyori
Ansyori

Reputation: 2835

try change .wrap with this

    .wrap {
    color: #313131;
    float: left;
    line-height: 70%;
    margin-left: 1em;
    margin-right: 1em;
    margin-top: 3em;
    width: 100%;}

Upvotes: 0

jprofitt
jprofitt

Reputation: 10964

The highlight is cutting off at the top because your line-height is set to 70% on the .wrap class. If you keep it at the default and adjust the layout properly (setting the margin-top of the h3 for example if that is what you're after), it will highlight normally.

Upvotes: 1

Related Questions