Positioning of Text with Images HTML

Question

I have a small problem here. I have a Div and I would like the text to float either side in the centre.

I include a screenshot of it presently and how I would like it to look does anyone have any idea if this is achievable or do I need to make it an actual image?

Twitter Facebook Feeds

JS Fiddle >> http://jsfiddle.net/DU4u4/

please post your code , jsfiddle it

Miqdad Ali
– Miqdad Ali

2012-09-27 08:59:35 +00:00
Commented Sep 27, 2012 at 8:59 — Miqdad Ali
– Miqdad Ali, Commented Sep 27, 2012 at 8:59

Marco Risi · Accepted Answer · 2012-09-27 09:00:34Z

2

You can try with vertical-align: middle

answered Sep 27, 2012 at 9:00

Marco Risi

1081 silver badge7 bronze badges

Sign up to request clarification or add additional context in comments.

Comments

Rohit Azad Malik · Accepted Answer · 2012-09-27 09:01:55Z

2

..........................................

Now used to line-height for this

answered Sep 27, 2012 at 9:01

Rohit Azad Malik

32.3k17 gold badges72 silver badges100 bronze badges

Comments

Vijay Sarin · Accepted Answer · 2012-09-27 09:14:26Z

Hope, this is something you need...

Check DEMO

HTML

<div id="socialConnect"> <div class="fbConnect">Follow us on</div> <div class="twitterConnect">OR</div> </div>

CSS

.fbConnect{ background-image:url('http://www.seedaneed.com/images/fb_btn.png'); background-repeat:no-repeat; background-position:right; height:32px; width:125px; float:left; padding-top:10px; } .twitterConnect{ background-image:url('http://www.boson.com/images/twitter-button.jpg'); background-repeat:no-repeat; background-position:right; height:32px; width:60px; float:left; padding-top:10px; padding-left:5px; text-align:left; }

Collectives™ on Stack Overflow

Positioning of Text with Images HTML

3 Answers 3

Comments

Comments

Comments

Hot Network Questions

Collectives™ on Stack Overflow

3 Answers 3

Comments

Comments

Comments

Related