HTML - etiqueta <p> interpreta espacio en blanco como salto de linea

 
Vista:
sin imagen de perfil

etiqueta <p> interpreta espacio en blanco como salto de linea

Publicado por Ricchar (2 intervenciones) el 19/12/2013 16:01:50
Hola buenas, el caso es que al crear una barra vertical en mi web de html y luego poner texto, el texto que le pongo con la etiqueta <p> cada espacio me lo interpreta como un salto de linea y no consigo saber el porque ni solucionarlo, os dejo el codigo por si alguien sabe que podria hacer para solucionarlo. He probado con mozilla y chromium y en los dos ocurre lo mismo...

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html class="no-js" lang="en">
<head>
 
<style type="text/css">
div.vertical-line{
  width: 1px;
  background-color: silver;
  height: 16%;
  position: absolute;
  left: 10%;
  border: 2px ridge silver ;
  border-radius: 2px;
}
 
</head>
<body>
 
      <h1> Mi proyecto <small></small></h1>
      <hr />
 
<div style="padding: 10px; position: absolute; width: 10%; text-align: absolute;"><a href=form.html>Formulario</a></div>
<div class="vertical-line"/><div style="padding: 10px; position: absolute; width: 40%; text-align: absolute;"/><p>Este texto salta en cada separacion de palabra</p>
 
</body>
</html>

Un saludo y muchas gracias de antemano.
Valora esta pregunta
Me gusta: Está pregunta es útil y esta claraNo me gusta: Está pregunta no esta clara o no es útil
0
Responder
Imágen de perfil de xve
Val: 1.144
Oro
Ha mantenido su posición en HTML (en relación al último mes)
Gráfica de HTML

etiqueta <p> interpreta espacio en blanco como salto de linea

Publicado por xve (1543 intervenciones) el 19/12/2013 23:24:24
Hola Richard, el problema es que no te cabe por anchura, por eso lo pone separado por letras...

prueba este código:
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html class="no-js" lang="en">
<head>
 
<style type="text/css">
div.vertical-line{
/*   width: 1px; */
  background-color: silver;
  height: 16%;
  position: absolute;
  left: 10%;
  border: 2px ridge silver ;
  border-radius: 2px;
}
</style>
</head>
<body>
 
      <h1> Mi proyecto <small></small></h1>
      <hr />
 
<div style="padding: 10px; position: absolute; width: 10%; text-align: absolute;"><a href=form.html>Formulario</a></div>
<div class="vertical-line"/><div style="padding: 10px; text-align: absolute;"/><p>Este texto salta en cada separacion de palabra</p>
 
</body>
</html>
Valora esta respuesta
Me gusta: Está respuesta es útil y esta claraNo me gusta: Está respuesta no esta clara o no es útil
0
Comentar
sin imagen de perfil

etiqueta <p> interpreta espacio en blanco como salto de linea

Publicado por Ricchar (2 intervenciones) el 09/01/2014 11:55:04
Muchísimas gracias!!! Vaya error más estúpido...

Saludos y mil gracias!
Valora esta respuesta
Me gusta: Está respuesta es útil y esta claraNo me gusta: Está respuesta no esta clara o no es útil
0
Comentar