how to center perfectly image and text inline in the center of page

Question

How to center perfectly both an Image and Text in the middle of container?

My task is to center in the footer side the logo and copyright text horizontally perfect. Please, share your CSS experience to similar task.

Thank you in advance!

Post your codes and provide a fiddle. It will be easier to answer.. — Anupam Basak, Feb 08 '15 at 18:28
See: [How to create a Minimal, Complete, and Verifiable example](http://stackoverflow.com/help/mcve). — Oriol, Feb 08 '15 at 18:29
I do not have a specific code... just a second, I will add kind of example — Sergiu Costas, Feb 08 '15 at 18:29
margin:0 auto; creates two lines: one line with image and another one with text.. but I want text and image to be inline... — Sergiu Costas, Feb 08 '15 at 18:31
@JeanGkol - it can be bootstrap too... but not exactly necessary — Sergiu Costas, Feb 08 '15 at 18:32
Have you tried floating the image and text to different sides? — unbindall, Feb 08 '15 at 18:34
http://stackoverflow.com/questions/19461521/how-to-center-an-element-horizontally-and-vertically/19461564#19461564 — Josh Crozier, Feb 08 '15 at 18:35

score 2 · Accepted Answer · answered Feb 08 '15 at 18:37

2

Check this out.
Fiddle: http://jsfiddle.net/tbj3hsmL/

HTML:

<div class="footer">
    <img src="http://placehold.it/25x25" />
    <span class="text">Footer Text</span>
</div>

CSS:

.footer {
    padding: 10px;
    background: #ddd;
    text-align: center;
}
    .footer img {
        vertical-align: middle;
    }
    .footer .text {
        margin-left: 10px;
    }

answered Feb 08 '15 at 18:37

Anupam Basak

1,503
11
13

Happy to helo you.. :) – Anupam Basak Feb 08 '15 at 18:47

score 0 · Answer 2 · answered Feb 08 '15 at 18:30

0

Just make a div of what you want to center and in the css do like this:

margin:0;

answered Feb 08 '15 at 18:30

Horray

693
10
25

how to center perfectly image and text inline in the center of page

2 Answers2