Ver Mensaje Individual
  #1 (permalink)  
Antiguo 02/08/2012, 11:48
chrisdgallego
 
Fecha de Ingreso: enero-2012
Ubicación: Tenerife
Mensajes: 26
Antigüedad: 12 años, 3 meses
Puntos: 0
Distribución atípica en un formulario

Hola, tengo una duda que no sé cómo resolver.
Se trata de conseguir que el siguiente formulario (si, la distribución es rara y puede que no sea la ideal) tenga la distribución de la imagen, ejemplo A. Por ahora no consigo más que obtener el aspecto del ejemplo B.

[URL="http://goo.gl/23KNV"]Imagen[/URL]

¿Cómo puedo conseguir que los "p" tengan un ancho que yo defina? Se limitan a lo que ocupan aun especificándole que tengan un ancho concreto.
La distribución al medio tampoco la consigo hacer (ver figura A) y nombre4 se baja a la parte baja del rectángulo más alto.

Es un formulario generado por Contact form 7 html5 (una variante del contact form 7).

Alguna ayuda por favor?

He usado el siguiente código html para hacerlo más fácil, o eso creía, pero lo dicho, no sé cómo hacer para que se ubique todo coomo en la figura A de la imagen.
El plugin genera un código que se puede modificar para crear los formularios, excepto para los input que los mete en span, de resto se puede modificar. Así que ya he probado varias configuraciones para intentar configurar las posiciones pero al final he probado con esta:

Código HTML:
<form>

	<div class="fila">
		<p class="tituloCampo">nombre</p>
		<span class="contenedorInput">
			input
		</span>
	</div>
	
	<div class="fila">
		<span class="contenedorInput">
			input
		</span>
		<p class="tituloCampo">nombre2</p>
	</div>
	
	<div class="fila">
		<p class="tituloCampo">nombre3</p>
		<span class="contenedorInput">
			input
		</span>
	</div>
	
	<div class="fila">
		<span class="contenedorInput">
			input
		</span>
		<p class="tituloCampo">nombre4</p>
	</div>
	
</form> 
Gracias.