[iheartbreakz]

how can i move the text abit higher so the image comes in the middle and it looks better

[Atli]

Hard to say without seeing the code. Could just be a matter of playing with the vertical-align style, or under other circumstances the text margins.

[iheartbreakz]

for CSS i used this:

.notices {
    background: #FFF6BF;
    color: #817134;
    border-color: #FFD324;
}

.success {

  background: #E6EFC2;
  color: #529214;
  border-color: #C6D880;
}

.error {
  background: #FBE3E4; 
  color: #D12F19; 
  border-color: #FBC2C4;
}

for the HTML part i used this:

<div class="error"><img src="./img/error.png">You are not logged in. You Will Be Redirected To Login Page In 5 Seconds.</div>

[cupidvogel]

Put the text To select more than...button inside a span, apply relative positioning to the span, and assign its top attribute a value (you can find the value needed by trial and error) so that it's aligned with the image on its left.

[Lemur]

You'd need to go text-align:center; for the initial centering, and adjust the padding (space inside the border on the box model) to accommodate your needs.

[cupidvogel]

No, I think in this case, it would need relative positioning on both left and top to achieve the effect, coz the image would not let proper text aligning to take place.