André: Text im DIV positionieren

Beitrag lesen

Hallo Willi,

Der Rest löst mein Problem nicht, ein kleines Beispiel "so wird's gemacht" würde schon helfen.

soll es in diese Richtung gehen? http://codepen.io/anon/pen/jqMmXL

<div id="anfrage_formular"> 

	<div class="zeile1">
		<p>Beschreibung Zeile 1</p>
		<p>Ich bin ein Test, Test, Test, Test</p>
	</div>

	<div class="zeile2">
		<p>Beschreibung Zeile 2</p>
		<p>Ich bin ein Test, Test, Test, Test</p>
	</div>	
</div>	
#anfrage_formular {
   width: 600px;
   margin: 0 auto;
   background: green;
   color: #fff;
   height: 600px;
}

.zeile1, .zeile2 {
    padding: 1em;
}

.zeile1 p:first-child {
    display: inline-block;
    width: 182px;
    padding: 0.5em;
}

.zeile1 p:last-child {
    display: inline-block;
    width: 340px;
    background: red;
    padding: 0.5em;
    color: #fff;
}

.zeile2 p:first-child {
    display: inline-block;
    width: 182px;
    padding: 0.5em;
}

.zeile2 p:last-child {
    display: inline-block;
    width: 340px;
    background: red;
    padding: 0.5em;
    color: #fff;
}

Natürlich sollten später keine PX Angaben verwendet werden. Zum Testen und verstehen ist dieses allerdings völlig in Ordnung.

Auch dürfen weiterhin gerne divs verwendet werden. Nur die Suchmaschinen mögen es, wenn man ihnen direkt mitteilt um was es sich handelt bei dir wäre eine <section> denken ich mal angebracht. Um dieses genauer zu beurteilen zu können, sollte man natürlich den ganzen Aufbau der Seite kennen.