Comment souligner l'hyper-lien étalé sur deux lignes. Geeks CSS-HTML?

Question

J'ai appliqué le code CSS suivant au texte ci-dessus. Comment faire apparaître le soulignement de l'hyperlien ci-dessus comme celui ci-dessous. Par exemple comme celui-ci

.result-listingext h3 
{ 

    display:block; 
    margin:0; 
    padding-right:10px; 
    padding-left:10px; 
    color:#b2002f; 
    font-family: Arial, Verdana; 
    text-decoration: none; 
    background: white; 
    font-size:0.94em; 
    font-weight:normal; 
    line-height:1.3; 
} 

    .result-listingext h3 a:visited 
{ 
    font-family: Arial, Verdana; 
    text-decoration: none; 
    background: white; 
    font-size:0.94em; 
    color:#000; 
    font-weight:normal; 
    line-height:1.3; 
} 


.result-listingext h3 a:link, 
.result-listingext h3 a:hover, 
.result-listingext h3 a:focus, 
.result-listingext h3 a:active { 
    color:#b2002f; 
     font-family: Arial, Verdana; 
    text-decoration: none; background: white; 
    font-size:0.94em; 
    font-weight:normal; 
    line-height:1.3; 
} 

Answer 1

Pour que le texte diffère de la couleur du texte, vous avez besoin de border-bottom.

border-bottom: 1px grey solid; 

jsFiddle here

Vous pouvez utiliser padding-bottom/padding-top et line-height pour contrôler les distances entre le texte et la frontière, et chaque ligne.

Answer 2

Je pense que vous cherchez:

CSS:

.myClass a 
{ 
    text-decoration: underline; 
} 

Au lieu de personne comme vous.