Creating HTML and CSS Markup - Realtime Web Apps: With HTML5 WebSocket, PHP, and jQuery - page 130

#ask-a-question input {
height: 1.55em;
margin: 0.5em 0 0 0.5em;
padding: 0.1em 0.75em;
}
#questions li {
position: relative;
list-style: none;
margin: 0;
padding: 1em 0 1em;
overflow: hidden;
-webkit-box-shadow: 0 12px 16px -16px rgba(31, 27, 12, .3),
0 -12px 16px -16px rgba(31, 27, 12, .3);
box-shadow: 0 12px 16px -16px rgba(31, 27, 12, .3),
0 -12px 16px -16px rgba(31, 27, 12, .3);
}
#questions p {
float: right;
width: 77%;
margin: .75em 0;
padding: 0;
text-align: left;
}
#questions .vote {
position: relative;
display: block;
width: 76px;
height: 76px;
margin: 0 0 0 2em;
padding: 0;
overflow: hidden;
}
These rules are all fairly basic; they fix the issue with the <header> element being the same color as the text, float
the sections to their proper places, and add margin and spacing where appropriate to get the elements to lay out
properly (see Figure 7-15 ).