Label text alignment issue

HTML & CSS
1

I am making a simple view form where user can see the detail,
But I am facing some problem to align text, If I am inserting long text then 2nd line should start with after the heading of the label.

or please suggest any other way where i can control the text alignment…

<div class="column90">
                                <div class="pt20">
                                    <label for="serviceLocation" class="displayTableRow"><strong>Service Location :</strong> 1844w    11th unit e, Upland, CA</label>
                                    <label for="techType" class="displayTableRow"><strong>Tech Type :</strong> DSL</label>
                                    <label for="lsn" class="displayTableRow"><strong>LSN :</strong> NCBO5QDFx</label>
                                    <label for="category1" class="displayTableRow"><strong>Category :</strong> Sync No Data </label>
                                    <label for="ticketDescription" class="displayInlineBlock"><strong>Ticket Description :</strong> Name: Andrew LCON: 2482441562 Report Issue: Help Desk Y/N? N Preferred contact method:Phone Emailed To: Pedrito.Reyes@megapath.com</label>
                                    
                                </div>
                            </div>
<img src="/community/uploads/default/18872/80f61b2ab7837272.png" width="690" height="393">

your early reply would apreciated…

Thanks…

2

Could you format your code so we can see it?

You could simply float the label and the element holding the text. Would give code specific to your situation but I have none.

3

I usually do something like this:

<!DOCTYPE HTML>
<html>
<head>
<meta charset="utf-8">
<title>Untitled Document</title>
<style>
dl, dt, dd {
	margin:0;
	padding:0;
}
dl {
	width:50%;
	border:1px solid #000;
	padding:20px 10px;
}
dt {
	float:left;
	clear:both;
	margin:0 10px 20px 0;
	font-weight:bold;
}
dd {
	overflow:hidden;
	margin:0 0 20px;
}
</style>
</head>

<body>
<dl>
		<dt>Heading:</dt>
		<dd>Definition of header : Lorem ipsum</dd>
		<dt>Heading 2:</dt>
		<dd>Definition of header : Lorem ipsum dolor sit amet ipsum dolor amet consecteur ipsum. Lorem ipsum dolor sit amet ipsum dolor amet consecteur ipsum. </dd>
		<dt>Heading:</dt>
		<dd>Definition of header : Lorem ipsum dolor</dd>
		<dt>Heading with longer text:</dt>
		<dd>Definition of header</dd>
		<dt>Heading :</dt>
		<dd>Definition of header : Lorem ipsum dolor sit amet ipsum dolor amet consecteur ipsum. Lorem ipsum dolor sit amet ipsum dolor amet consecteur ipsum.  Lorem ipsum dolor sit amet ipsum dolor amet consecteur ipsum. Lorem ipsum dolor sit amet ipsum dolor amet consecteur ipsum. </dd>
</dl>
</body>
</html>
4

Thanks Paul…

5

Thanks RyanReese…