Subrayar con punteado

[Caminantejm]

Mi duda creo que es muy sencilla, se trata de lo siguiente.

- Tengo un texto (el que sea).
- Quiero subrayar con punteado, por ejemplo. Hago el estilo de border-bottom.
Casuística:
1. Si lo pongo un span me lo hace negrita aunque le quite font-weight, stretch, style y los pase todos a "normal".
2. He puesto la etiquea <a> con una clase pero no creo que sea muy "legal" esto.
3. He puesto la etiqueta <em> (claro, con font-style --> normal) y parece que lo coge.

---> ¿Qué etiqueta se puede poner como correcta?
---> ¿Hay algún modo de dar formato a una sola palabra dentro del texto pero que no me ponga él negrita por defecto?

Saludos.
Caminantejm

[Impostor]

Iniciado por Caminantejm

1. Si lo pongo un span me lo hace negrita aunque le quite font-weight, stretch, style y los pase todos a "normal".

Supongo que eso te lo hace porque en el código ya este definido span con font-weiht. Lo puede hacer mas especifico y asignarle una clase para el subrayado.

Código CSS:

.subrayado  {
aqui el estiulo estilo de border-bottom
}
 

y el html seria

Código HTML:

Lorem ipsum dolor sit amet, <span class="subrayado">consectetur adipiscing elit. Morbi nisi libero, porta eget tempus eu, posuere eget metus</span>. Donec nec nunc vel libero consectetur semper.
 

Si no funciona, necesitaría el enlace a la web o el código completo, para ver que esta "interfiriendo".

Saludos¡¡

[Caminantejm]

Efectivamente, había una interferencia pero no comprendo -si es que algún día se puede llegar a comprender las css- por qué, anulándolo no lo ejecuta bien.

Ahí va el html:

Código HTML:

<ul class="plistame">
        <li><span>&nbsp;Objetivo:</span>&nbsp;Iniciación a la meditación.</li> 
        
        <li><span>&nbsp;Temario:</span></li>
 
        <li><span>&nbsp;Duración:</span>&nbsp;2  horas. </li>
        <li><span>&nbsp;Fecha y lugar:</span>
                <ul class="tlistame">
                    <li>&nbsp;A concretar.</li>
                    
                    <li>&nbsp;Se realizará en:<span id="sancarlesme">C/ Carretera nº 18 1º <br/><span class="dottedme">Toledo (España)</span></span></li>
 
                </ul></li>
        <li><span>&nbsp;Precio:</span>&nbsp;20 € por persona.</li>
    </ul>
 

Y aquí el css, aunque sólo sea necesario plistame, sancarlesme y dotted.

Código CSS:

ul.plistame {   border: 0px solid saddlebrown;
padding: 1em 1em 0em 0em;
list-style: square url("t6.gif");
line-height: 1.12em;
 
}
 
ul.plistame li {    border: 0px solid peru;
list-style-position: inside;
margin-left: 1em;
text-indent: 0em; /* Atención, se hereda */
}
 
ul.plistame li span {
    font-weight: bold;  /*  bold */
                }
 
ul.slistame {
list-style: square url("flechita3d1.gif");
margin: 0.30em;
}
 
ul.slistame li {
    list-style-position: inside;
    padding-left: 0em;
}
 
ul.tlistame {border: 0px solid darkviolet;
list-style: disc url("ax60.gif");
margin: 0.30em;
}
 
ul.tlistame li {border: 0px solid violet;
    color: #b800b9;
    padding-left: 0em;
    list-style-position: inside;
    position: relative;
}
 
#sancarlesme { /*border: 1px solid violet; */
    position: relative;
    top: -1em;
    left: 9em;
    width: 18em;
    display: block;
    font-weight: normal;
    color: inherit;
    /* border-bottom: 1px dotted #b800b9; */
}
 
span.dottedme {
    border-bottom: 1px dotted #b800b9;
    font-weight: normal;
}
 

Tal como está me pone en negrita Toledo, y en realidad de he dicho que font-weight:normal y subrayado.

Gracias Impostor.
Caminantejm.