0

Here is the prototype I am trying to to implement enter image description here

Here is what I have so far - JFiddle enter image description here

The highlighted part is what I am currently working on. I am trying to get some space between the paragraph contents and the components to the left of it(Profile 6, Profile 7)

I recognized this space as padding because it involves space between inner contents and the border. Because this is regards to the left side of the paragraph, I used padding-left.
From my JFiddle, 

#content{
   padding-left:10px;
}

Where content is the id of the paragraph(I checked it). However when I applied the style, nothing happened....

Does anyone know what the issue is? I saw one another thread on problems with padding but the issue there was that units was never specified. Here, I made sure to specify padding units(in px)

Community
  • 1
  • 1
committedandroider
  • 8,711
  • 14
  • 71
  • 126

1 Answers1

3

<p id="content"><h3>...</h3></p> is not valid HTML. change the <p> to <div>.

Updated - http://jsfiddle.net/37bj5g3q/2/

Stickers
  • 75,527
  • 23
  • 147
  • 186
  • Yeah that didn't come to mind but I read this as well - http://stackoverflow.com/questions/15656785/should-a-heading-be-inside-or-outside-a-p . It's confusing because a paragraph is a block element. – committedandroider May 07 '15 at 21:24
  • Read more - [Putting
    inside

    is adding an extra

    ](http://stackoverflow.com/questions/10763780/putting-div-inside-p-is-adding-an-extra-p)

     – Stickers May 07 '15 at 21:24
  • Yep, those two posts are explaining the same thing. I think the

    tag is special, as it stands for *paragraph*, obviously a heading shouldn't be inside a paragraph.

     – Stickers May 07 '15 at 21:27