Create a proper textbox after the :before selector for CSS [closed]

Question

Closed. This question does not meet Stack Overflow guidelines. It is not currently accepting answers.

---

This question does not appear to be about programming within the scope defined in the help center.

Closed 9 years ago.

Improve this question

Objective: To make the text start where the first line started underneath it.

Recommended Language: CSS and HTML

Example:

Final Result:

Answer 1

You could add display: block; to the :before selector.

p:before {
    content: "This is inside the boxd and in the :before selector";
    background: green;
    color: white;
    border: 1px solid transparent;
    border-radius: 5px;
    padding-right: 100px;
    text-align: center;
    display: block;
}

Here is a fiddle http://jsfiddle.net/4XY2R/

Assuming this is what you're trying to do.