StackOverflow2013

Note that there are some explanatory texts on larger screens.

plurals

PO
primarykey
Id
20659763
data
AcceptedAnswerId
0
AnswerCount
0
ClosedDate
CommentCount
2
CommunityOwnedDate
CreationDate
2013-12-18T13:39:59.270
FavoriteCount
0
LastActivityDate
2013-12-19T09:04:57.063
LastEditDate
2013-12-19T09:04:57.063
LastEditorUserId
1016716
OwnerUserId
3061617
ParentId
20659601
PostTypeId
2
Score
2
ViewCount
0
LastEditorDisplayName
text
Body
<p>What you are doing seems to be working (at least per how you describe what you are looking for here). I'm assuming that your issue is the complexity of your selectors? If so, one thing you could try is moving the selector to the individual element. I know for bootstrap they call this pull-right so I went ahead and did that:</p> <pre><code><ul class="dual-align-list">  <li> Title <div class="pull-right">[button]</div></li> <li> Title <div class="pull-right">[button]</div></li> </ul> </code></pre> <p>See <a href="http://jsfiddle.net/EGxWy/" rel="nofollow">this JSFiddle</a> for a working example with that in it. Hopefully this addresses the actual question!</p> <p><strong>Edit</strong></p> <p>By the way, if the issue is just how far the button goes to the right you can put everything in a fixed width container or you can add a margin-right to the "pull-right" class. For the fixed width container, just wrap your ul in:</p> <pre><code><div class="container">  </div> </code></pre> <p>You will also need the following style rule as well:</p> <pre><code>/* edited to use percents for a responsive layout */ .container { margin-left: 5%; margin-right: 5% } </code></pre> <p>I put this in an update to the previous fiddle <a href="http://jsfiddle.net/EGxWy/2/" rel="nofollow">you can find here</a>. Hopefully that helps some as well. Good luck!</p> <p><strong>EDIT (2)</strong></p> <p>Changed fixed width layout to responsive layout with 5% margins. These could be adjusted per the desired result or even styled with the @media element to vary based on screen size!</p>
Tags
Title
singulars
PostAcceptedAnswerId
1. This table or related slice is empty.
PostParentId
1. POPart of list item's text aligned left and rest aligned right
  singulars
  PostTypePostTypeId
  PTQuestion
PostTypePostTypeId
1. PTAnswer
UserLastEditorUserId
1. USMr Lister
UserOwnerUserId
1. USdrew_w
plurals
PostLinksPostIdRelatedPostId
1. This table or related slice is empty.
PostLinksRelatedPostIdPostId
1. This table or related slice is empty.
PostsAcceptedAnswerId
1. This table or related slice is empty.
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
CommentsPostId
1. COThanks for the idea with unnecessary `<div>` for title (indeed, no styling required) and for making JsFiddle. As for your edit -- no. This goes to a fluid-like theme, so no fixed width allowed. Thanks again!
  singulars
  PostPostId
  PO
  UserUserId
  UStrejder
2. COEven with fixed width you can still style in percents if you need a margin. I'll update accordingly
  singulars
  PostPostId
  PO
  UserUserId
  USdrew_w

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.