Space around images

In strict standards mode, an image defaults to display: inline, causing extra space below it. A containing div will therefore, not wrap ‘flush’ with the image (note the thin block of whitespace between the bottom of the image and the black border):

A sample image, purely for demonstration purposes

You could try setting the container’s height to that of the image:

A sample image, purely for demonstration purposes

which works in the simple case, but not when we start to add padding and/or borders to the image:

A sample image, purely for demonstration purposes

The cleanest ‘fix’ is to explicitly define the image’s display as block, solving both problems:

#example4 img {
  display: block; }
A sample image, purely for demonstration purposes Text next to the image

A value of bottom for vertical-align also fixes this ‘problem’.

#example5 img {
  vertical-align: bottom; }
A sample image, purely for demonstration purposes Text next to the image

References


Tweet

Comments

Thu 11 Dec 2014 04:52

purchase cialis online canada

purchase cialis online canada said:

I’m curious to find out what blog platform you have been working with?

I’m experiencing some minor security problems with my latest blog

and I would like to find something more safe. Do you have any suggestions?

Fri 12 Dec 2014 11:18

cialis canada online

cialis canada online said:

Quality content is the secret to be a focus

for the people to pay a visit the site, that’s what this website is providing.

Mon 15 Dec 2014 21:13

cialis buy canada

cialis buy canada said:

great points altogether, you simply gained a new reader. What could

you recommend about your publish that you simply made a few

days ago? Any sure?

Thu 18 Dec 2014 23:36

buy viagra online canada pharmacy

buy viagra online canada pharmacy said:

This website was… how do I say it? Relevant!!

Finally I've found something that helped me. Kudos!

Sun 21 Dec 2014 08:27

erectile dysfunction pills

erectile dysfunction pills said:

I will immediately take hold of your rss feed as I can’t find your e-mail

subscription hyperlink or e-newsletter service. Do you've any?

Please allow me recognize so that I may subscribe.

Thanks.

Mon 22 Dec 2014 07:22

cialis order canada

cialis order canada said:

It’s the best time to make some plans for the long run and it is time to be happy.

I've learn this put up and if I may just I desire to recommend you

some interesting things or tips. Perhaps you can write next articles referring to this article.

I wish to learn more issues approximately it!

Wed 24 Dec 2014 07:04

canada cialis generic

canada cialis generic said:

Thanks to my father who told me regarding this website,

this website is genuinely remarkable.

Wed 24 Dec 2014 16:08

cost cialis without insurance

cost cialis without insurance said:

Right here is the right website for anybody who

hopes to find out about this topic. You understand so much its almost hard to argue with you (not that I actually will need to…HaHa).

You certainly put a new spin on a topic that’s been discussed for decades.

Great stuff, just great!

Tue 30 Dec 2014 00:46

drug med

drug med said:

Great post. I was checking continuously this blog and I’m impressed!

Extremely helpful information particularly the last

part :) I care for such information much. I was seeking

this certain info for a very long time. Thank you and best of luck.

Tue 30 Dec 2014 03:22

cialis canada

cialis canada said:

It’s a shame you don’t have a donate button! I’d certainly donate to this

excellent blog! I suppose for now i'll settle for book-marking and adding your RSS feed to my Google

account. I look forward to brand new updates and will share this site with my

Facebook group. Talk soon!

Tue 30 Dec 2014 18:28

canadian online pharmacy viagra

canadian online pharmacy viagra said:

Hello, i feel that i saw you visited my weblog thus i got here to go

back the favor?.I’m attempting to find issues to enhance my website!I assume its ok to make use of

some of your ideas!!

Thu 1 Jan 2015 07:40

buy cialis online in canada

buy cialis online in canada said:

I am sure this paragraph has touched all the internet visitors,

its really really fastidious paragraph on building up new weblog.

Thu 8 Jan 2015 14:35

canadian pharmacy online

canadian pharmacy online said:

I really like what you guys tend to be up too. This kind of clever work and coverage!

Keep up the superb works guys I've added you guys to our blogroll.

Mon 12 Jan 2015 12:25

canadian pharmacies shipping usa

canadian pharmacies shipping usa said:

Remarkable! Its genuinely amazing article, I have got much

clear idea concerning from this paragraph.

Wed 14 Jan 2015 02:02

cialis coupons

cialis coupons said:

Greetings! I've been following your blog for

a long time now and finally got the courage to go ahead and

give you a shout out from Porter Tx! Just wanted to say keep up the great job!

Sat 17 Jan 2015 21:33

Cialis 5 mg from canada

Cialis 5 mg from canada said:

I have read so many articles concerning the blogger lovers except this post is actually a pleasant

piece of writing, keep it up.

Sat 17 Jan 2015 23:19

Cialis canada over counter

Cialis canada over counter said:

You really make it appear really easy along with your presentation but I

find this topic to be actually something which I believe I’d

by no means understand. It sort of feels too complex and extremely

extensive for me. I am taking a look forward to your subsequent publish, I will try to get

the grasp of it!

Wed 21 Jan 2015 03:27

canadian online pharmacy

canadian online pharmacy said:

Nice post. I learn something totally new and challenging on websites

I stumbleupon on a daily basis. It will always be exciting

to read through articles from other authors and use something from their

sites.

Wed 21 Jan 2015 19:05

prescription medications

prescription medications said:

What’s Going down i’m new to this, I stumbled upon this I have discovered It positively useful and

it has aided me out loads. I hope to give a contribution & assist different users like its aided me.

Great job.

Thu 22 Jan 2015 21:53

online pharmacy www

online pharmacy www said:

The General pharmacy is actually budget friendly regardless if you

are from regardless of which sections of the modern society.

The price tag is reasonable for everyone and anyone; you

must want of buying it. At one time final

decision is completed, pay attention to the perfect shop.

Soon after purchasing the treatments, one has used it.

Just swallow the pills with ordinary h2o. buy cialis in canada online

Leave a comment