css and crap

I usually use this:

h1, h4 {
display: inline;
}

I don't know if that is not as good of method, but I am pretty sure it works.

oh. I didn't read carefully enough. thanks for the info.

I didn't open another thread since this is roughly the same issue but with images instead of text.
I know very little of CSS so I thought I'd ask in here for some help

I want to put a image on the right side of the screen inside the header that would stay on the right side even if you resize the window. Also no text should be displayed.
I already have 2 images, one as the general background and another as a logo with transparency.

This is what I have:

This is what I would like to have:

This is the relevant part of my CSS:

.pun #brdtitle { margin:0; padding:0;}

.pun #brdtitle h1 {padding:0; margin:0;
background-image : url(../../img/PTAnime/header_fill.jpg);
}

.pun #brdtitle h1 span {
font-size: 0; text-indent: -100px;
position:relative; 
color:#fff;

background-image : url(../../img/PTAnime/logo.png);
background-repeat: no-repeat;
display:block;
height:78px; 
padding:0; margin:0;
}

.pun #brdtitle p { 
position: absolute; 
top: 0; right: -100;
color:#fff;

}

.pun #brdtitle p span { 
float: right;
background-image: url(../../img/PTAnime/forbidden.gif);
background-repeat: no-repeat;
display:block;
height:78px; 
}

Off the top of my head and without trying it:-

.pun #brdtitle, .pun #brdtitle h1, .pun #brdtitle h1 span, .pun #brdtitle p {
  font-size: 0;
  line-height: 0;
  height: 0;
  padding: 0;
  margin: 0;
  background-color: transparent;
  }

.pun #brdtitle h1 span {
  display: block;
  padding-top: 78px;
  background-img: url(whatever);
  background-repeat: no-repeat;
  background-position: center right;
  }

.pun #brdtitle h1 {
  background-img: url(whatever);
  background-position: center left;
  background-repeat: no-repeat;
  }