Padding-bottom not working on button

I have button with +/- sign and a text as shown in attached image. The + sign is changed using :after in CSS.

I have a dropdown-button with a sign (+/-) and a text. These are not aligned vertically and I have tried to adjust the sign with padding-bottom without succeed. Padding-top will move the + sign downward but nothing happen when I use padding-bottom. How can I get these aligned vertically? The problem becomes extra clear on mobile screens.

.oemDropbtn {
  display: inline;
  background-color: #fff;
  color: #000305;
  text-decoration: none;
  padding: 0px 0px 0px 0px;

Layout alignment from right to left bottom

here is my desin,

A div on the left - two on the right, one above the other

Despite being a reasonably advanced .net web / Sql Server developer - I struggle with css. Something I can never get to work is how to duplicate this.

<td rowspan="2">Left</td>
<td>Right Top</td>
<td>Right Bottom</td>

How can you reproduce this using divs and css?

If I write, for example ...

<div style="float:left; height:100px;">Left</div>
<div style="float:left; height:50px">Right Top</div>

... that puts two divs horizontally next to each other, but how can I get ...

How do i make elements in the foreground move with the background when window resized?


I have a background which is centered in the middle of the page so that when the screen is resized the margin decreases to fit more of the background in, instead of keeping the same white space around the background. This is done by the following code:

.centered {
	position: absolute;
        top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	width: 750px;
	height: 500px;
	margin: auto;
Then i have some navigation buttons which i positioned using relative positioning, as so:
a.home {

Image and text help - Display images next to text. (Layout Help )

urgent Help:

Hi I am trying to replicate the following image in HTML and CSS:

I ahve included my code so far. Could some please please help me and let me know If I'm going in the right direction or perhaps add the correct code so I can see what is happening and why.



<div class="container">

Syndicate content