Changes to list fields on the same line(dl dt dd)

[prajwala]

>It should be in This way(Expected Result)
Title: News Article Title

> NOT this way: (Actual Result)
Title:
News Article Title

dl
{
margin: 8px 0;
}
dt
{
font-weight: bold;
}


what i will have to add in this style?

[felgall]

Add a width and float:left to the dt

[prajwala]

Now it is displaying in the same line but for some cases it is not working Eg:


News Headline: [{'title': 'New News', 'headline': 'New News',
'description': '', 'langId': '1'} ]

it is coming into next line..that is ok but it should start from below the [title .
Actual result:It is starting from News.

[felgall]

give the dd a left-margin equal to the width of the dl