StackOverflow2013

Note that there are some explanatory texts on larger screens.

plurals

PO
primarykey
Id
7813857
data
AcceptedAnswerId
0
AnswerCount
0
ClosedDate
CommentCount
0
CommunityOwnedDate
CreationDate
2011-10-18T21:16:17.283
FavoriteCount
0
LastActivityDate
2011-10-18T21:27:24.540
LastEditDate
2011-10-18T21:27:24.540
LastEditorUserId
276959
OwnerUserId
276959
ParentId
7813831
PostTypeId
2
Score
7
ViewCount
0
LastEditorDisplayName
text
Body
<p>First of all, be warned: inline CSS is a terrible idea. Read on.</p> <p>Short answer: You need to adjust your paragraph's <code>margin</code> property using CSS. Add this between your <code><header></code> tags:</p> <pre><code><style type="text/css"> p { margin: 5px 0; } </style> </code></pre> <p>Change the <code>5px</code> to the desired margin height. Note this <em>will change</em> the margin on all paragraphs in your document. In order to avoid this, you need to assign the parent element of the paragraphs an id and reference it:</p> <pre><code><div id="sidebar"> <p>Social</p> // etc... </div> </code></pre> <p>Then modify your CSS:</p> <pre><code><style type="text/css"> #sidebar p { margin: 5px 0; } </style> </code></pre> <h2>Long Rant:</h2> <p>In reality, this is not the approach you should take. Defining inline or in document style makes maintenance and changes a nightmare, and you lose consistency.</p> <p><a href="http://www.google.com/search?gcx=c&sourceid=chrome&ie=UTF-8&q=defininf%20a%20global%20style%20sheet#hl=en&safe=off&sa=X&ei=DPCdTsXKOuStsALRneXyCQ&ved=0CBoQvwUoAQ&q=defining%20a%20global%20style%20sheet&spell=1&bav=on.2,or.r_gc.r_pw.,cf.osb&fp=e9abb71f8ca0386c&biw=1920&bih=1019" rel="nofollow">Using external stylesheets</a> makes it easier and quicker to edit and maintain your sites style and design. You also remain consistent.</p> <p>That's a lot of content to get into here, you can Google this subject in your own time. But you should look into linking an external stylesheet and defining your styles there.</p> <p>Take a look at the <a href="http://twitter.github.com/bootstrap/index.html#forms" rel="nofollow">Bootsrap framework.</a></p>
Tags
Title
singulars
PostAcceptedAnswerId
1. This table or related slice is empty.
PostParentId
1. POHow to make vertical space between <p> tags smaller?
  singulars
  PostTypePostTypeId
  PTQuestion
PostTypePostTypeId
1. PTAnswer
UserLastEditorUserId
1. USMohamad
UserOwnerUserId
1. USMohamad
plurals
PostLinksPostIdRelatedPostId
1. This table or related slice is empty.
PostLinksRelatedPostIdPostId
1. This table or related slice is empty.
PostsAcceptedAnswerId
1. POHow to make vertical space between <p> tags smaller?
  singulars
  PostTypePostTypeId
  PTQuestion
PostsParentIdCreationDate
1. This table or related slice is empty.
VotesPostIdCreationDate
1. VO
  singulars
  PostPostId
  PO
  UserUserId
  This table or related slice is empty.
  VoteTypeVoteTypeId
  VTUpMod
2. VO
  singulars
  PostPostId
  PO
  UserUserId
  This table or related slice is empty.
  VoteTypeVoteTypeId
  VTUpMod
3. VO
  singulars
  PostPostId
  PO
  UserUserId
  This table or related slice is empty.
  VoteTypeVoteTypeId
  VTUpMod
CommentsPostId
1. This table or related slice is empty.

Querying!

Guidance

A row detail

Detail views are divided into sections. All the information in the data section comes from columns in the selected row. The other sections display data from other, related rows.

Related data can be related in a to-one or a to-many fashion. Captions of data related in a to-many fashion link to a list view showing a filtered view of the table.

Try moving around until you find a non-empty to-many entry and click on the label to get to one. You can move back to the root by clicking on the database name in the header.