Сделать отступ для целого абзаца?

Question

У меня есть настройки кода для страницы часто задаваемых вопросов, как это:

<p><strong>This Is A Question</strong></p>
<p><strong>Answer.</strong> This is the content of the answer, and I am going to keep 
typing until it kicks to a new line.</p>

Я заметил, что когда это отображается через браузер, новая строка не выравнивается до начала содержимого ответа. Выровняйте как слева. Я также осознаю, что не стоит ожидать, что HTML сделает что-то подобное. Какие у меня есть варианты, чтобы наткнуться на этот текст как таковой?

Любая помощь будет принята с благодарностью!

Answer 1

Вдохновленный элементом Николь Салливан css .media , вы можете проверить решение с двумя столбцами обновление вашего jsfiddle.

Answer 2

Я думаю, это то, что вы хотите:

<p><strong>This Is A Question</strong></p>
<p><strong style="float:left">Answer.</strong> 
<div style="display:inline-table;float:right">This is the content of the answer, and I am going to keep typing until it kicks to a new line.</div></p>

Редактировать: поцарапать, это работает в FF + IE, но не в Chrome

Answer 3

Попробуйте использовать отрицательный отступ в CSS для div вашего абзаца.Обычно работают через webkit и gecko.