Buenas noches,
tengo un problema y es que tengo un texto con <span> que con CSS le digo que al momento de pasar el cursor por encima este cambie de color, el problema es que si yo paso el mouse fuera del texto pero en la misma linea de igual forma lo toma como una acción valida.

Por ejemplo:

|Mi texto| <= <span>

Correcto, las dos | | representan el alcance del :hover ahora mi problema es este

|Mi texto                                          | <= <span>

Como pueden ver hay un gran espacio a la derecha que al momento de pasar el cursor en ese espacio vacío, css lo va a tomar como si igual haya hecho hover.

<span class="ticket_name">Texto</span>
 

.ticket_name {
		display: block;
		color: #999;
		font-size: 15px;
		font-weight: bold;
		margin-top: 5px;
		cursor: pointer;
	}
 
		.ticket_name:hover {
			color: #00ff00;
		}
 

Igualmente si es un <h6> va a pasar lo mismo.

Pueden probar el código http://www. (tapo url por las dudas ya que no conozco los terminos del foro) escriban lo que yo les dije

<span class="ticket_name">Texto</span>

y en CSS
.ticket_name {
     display: block;
      font-family: opensans;
      color: #242424;
      font-size: 15px;
      font-weight: bold;
      margin-top: 5px;
      cursor: pointer;
   }

      .ticket_name:hover {
         color: #24753e;
      }

y van a ver a lo que me refiero.

Edit: Ya lo solucione, era lo contrario... poner "inline-block"

Gracias, recién lo había descubierto pero muchisimas gracias igual!