How do I set up a "box" for my text?

85 Views Asked by user2856463 At 27 November 2014 at 01:10

I want to put text in a borderless box on my code. Reason is so that I can make the paragraph text not go all the way across the page and have them start a new line early.

Original Q&A

There are 2 best solutions below

Ian Hazzard On 27 November 2014 at 01:49

I'm sorry for an incredibly vague answer, but it's only as vague as your question. If you need details, please modify your question and describe the end result. Anyway:

div {
  margin: 10px 0;
  }

p {
  margin: 0 50px;
}

<body>

  <div>Normal paragraph size. Normal paragraph size. Normal paragraph size. Normal paragraph size. Normal paragraph size. Normal paragraph size. Normal paragraph size. Normal paragraph size. Normal paragraph size.</div>

  <p>Shorter paragraph size. Shorter paragraph size. Shorter paragraph size. Shorter paragraph size. Shorter paragraph size. Shorter paragraph size. Shorter paragraph size.
  </p>

  <div>Normal paragraph size. Normal paragraph size. Normal paragraph size. Normal paragraph size. Normal paragraph size. Normal paragraph size. Normal paragraph size. Normal paragraph size. Normal paragraph size.</div>

</body>

I hope this helps!

sycoinc87 On 27 November 2014 at 03:09

This can be done by setting a % width to the <p> in your css or making a custom style to use in your div, see http://jsfiddle.net/sycoinc/k8dgxkLs/ for an example

How do I set up a "box" for my text?

There are 2 best solutions below

Related Questions in HTML

Related Questions in TEXT

Related Questions in PARAGRAPH

Trending Questions

Popular # Hahtags

Popular Questions