StackOverflow2013

Note that there are some explanatory texts on larger screens.

plurals

POCentering text vertically in button
primarykey
Id
17000003
data
AcceptedAnswerId
0
AnswerCount
3
ClosedDate
CommentCount
17
CommunityOwnedDate
CreationDate
2013-06-08T13:30:38.497
FavoriteCount
0
LastActivityDate
2013-06-08T22:13:28.737
LastEditDate
2013-06-08T14:08:31.363
LastEditorUserId
1828310
OwnerUserId
1828310
ParentId
0
PostTypeId
1
Score
3
ViewCount
180
LastEditorDisplayName
text
Body
<p>It should be simple to center text in a button. Unfortunately, across different browsers and platforms, I get different results. </p> <p>I've tried for hours to fix it, but nothing works everywhere.</p> <h2>Chrome, mac OS X:</h2> <p><a href="http://d.pr/i/c6Vt.jpg" rel="nofollow noreferrer">http://d.pr/i/c6Vt.jpg</a></p> <h2>Chrome, Windows 8</h2> <p><a href="http://d.pr/i/rwXX.jpg" rel="nofollow noreferrer">http://d.pr/i/rwXX.jpg</a></p> <h2>IE 10, Windows 8</h2> <p><a href="http://d.pr/i/L7Jt.jpg" rel="nofollow noreferrer">http://d.pr/i/L7Jt.jpg</a></p> <p>So, yeah. The big block doesn't appear in IE if I set a defined height, but I don't get why it breaks down in the first place.</p> <p>Here's the code:</p> <pre><code>.btn-call-to-action { background: #8e8287; margin-bottom: 15px; color: #f5f3e2; padding: 3px 18px 3px 10px; margin-top: 6px; display: inline-block; position: relative; border-bottom: none; border-radius: 2px; white-space: nowrap; .btn-call-to-action a:after { content: url('../img/general-white-arrow.svg?1369574895'); position: absolute; width: 35px; right: 15px; top: 0px; } </code></pre> <p>and the HTML (pretty simple) :</p> <pre><code><a href="about.html" class="btn-call-to-action">Want more ?</a> </code></pre> <p>and the site: <a href="http://aurelieremia.be/tfa/" rel="nofollow noreferrer">http://aurelieremia.be/tfa/</a></p> <p>// edit: I think I get it. Still not centered in windows but by resetting the line height, the button looks a bit more normal. IE problem resolved, I'll try using a background-image instead (thanks Ana)</p>
Tags
<html><css><css3><cross-browser><cross-platform>
Title
Centering text vertically in button
singulars
PostAcceptedAnswerId
1. This table or related slice is empty.
PostParentId
1. This table or related slice is empty.
PostTypePostTypeId
1. PTQuestion
UserLastEditorUserId
1. USNaemy
UserOwnerUserId
1. USNaemy
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. PO
  singulars
  PostTypePostTypeId
  PTAnswer
2. PO
  singulars
  PostTypePostTypeId
  PTAnswer
3. PO
  singulars
  PostTypePostTypeId
  PTAnswer
VotesPostIdCreationDate
1. VO
  singulars
  PostPostId
  POCentering text vertically in button
  UserUserId
  This table or related slice is empty.
  VoteTypeVoteTypeId
  VTUpMod
2. VO
  singulars
  PostPostId
  POCentering text vertically in button
  UserUserId
  This table or related slice is empty.
  VoteTypeVoteTypeId
  VTUpMod
3. VO
  singulars
  PostPostId
  POCentering text vertically in button
  UserUserId
  This table or related slice is empty.
  VoteTypeVoteTypeId
  VTUpMod
CommentsPostId

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.