Akash279 Akash279 - 3 months ago 9
CSS Question

Unable to add text on header of website

I am unable to add some text on the right side of header. I have place some small sized images on the right side of header and placed the little bit downwards and i want to write some text above them but i am unable to write.

I want to do like this:

I want to do like this
padding or margin problem?
padding or margin problem

<body>
<div class="container">
<div class="header"><b style="font-size:20px; float: right">'RAASHFC' to 56161</b>
<a href="#Raas"><img src="img/Raas.png" class="logo"></img></a>
<a href="#insta"><img src="img/insta.png" class="social"></img></a>
<a href="#tw"><img src="img/twitter.png" class="social"></img></a>
<a href="#fb"><img src="img/facebook.png" class="social"></img></a>
</div>


.css source

.social {
float: right;
width: 50px;
height: 25px;
margin-left: 10px;
margin-top: 75px;
text-decoration: none;
}


Pls help me.

Answer

.social {
width: 50px;
height: 25px;
text-decoration: none;
  }

#icons{
float:right;
 }
 <body>
<div class="container">
    <div class="header">
        <a href="#Raas"><img src="img/Raas.png" class="logo"></a>
       <b style="font-size:20px; float: right">'RAASHFC' to 56161</b>
       </div>
      <div id="icons">
      <a href="#insta"><img src="img/insta.png" class="social"></a>
      <a href="#tw"><img src="img/twitter.png" class="social"></a>
      <a href="#fb"><img src="img/facebook.png" class="social"></a>
        </div>
  </div>
   

    .social {
    width: 50px;
    height: 50px;
    text-decoration: none;
      }
    #icons{
         float:right;
     }
#insta,#fb,#twit{
display:inline-block;
}
label{
font-weight:bold;
}
     <body>
    <div class="container">
        <div class="header">
            <a href="#Raas"><img src="img/Raas.png" class="logo"style="float: left"></a>
           <b style="font-size:20px; float: right">'RAASHFC' to 56161</b>
           </div>
      <br/>
     
               
      <br/>
      <div id="icons">
          <div id="insta">
               <label>Instagram</label><br/>
                <a href="#insta"><img src="https://5a5a57ff32a328601212-ee0df397c56b146e91fe14be42fa361d.ssl.cf1.rackcdn.com/icon/instagram_logos_glyph/03H5cHNMt-Jni4pe9u+7/glyph-logo_May2016_200.png" class="social"></a>
                    </div>
        <div id="fb">
               <label>Facebook</label><br/>
                <a href="#insta"><img src="https://cdn3.iconfinder.com/data/icons/inside/PNG/256x256/icontexto-inside-facebook.png" class="social"></a>
                    </div>
        <div id="twit">
               <label>Twitter</label><br/>
                <a href="#insta"><img src="http://vignette4.wikia.nocookie.net/simpsons/images/1/11/Twitter_bird_icon.png/revision/latest?cb=20111228065136" class="social"></a>
                    </div>
        </div>
      </div>