как выровнять нижний колонтитул рядом друг с другом?

-3

Я новичок в html.i пытаюсь выровнять обе нижние колонтитулы рядом друг с другом? Для этого мне нужно делать? Мне нужны обе нижние колонтитулы, чтобы быть рядом друг с другом?как выровнять нижний колонтитул рядом друг с другом?

код:

footer { 
clear: both; 
position: relative; 
z-index: 15; 
bottom:0; 
height: 5em; 
margin-top: 8em; 
background-color:#98FB98; 

} 


#contact 
{ 
width:100px; 
float:right; 
} 
#career 
{ 
width=50px; 
float:left; 
} 

<footer> 
<h2 id="contact"</h2> 
<h2>Contact us</h2> 
<h2 id="career"</h2> 
<h2>Careers</h2> 

</footer>

источник

2013-09-20 Ashok kumar

1. Пожалуйста, покажите нам свой HTML также. 2. Попробуйте использовать 'display: inline' вместо' float' 3. 'width = 50px' должно быть' width: 50px'. Вы можете увидеть образец [здесь] (http://jsfiddle.net/hari_shanx/MXnNU/). Соответствует ли это вашей структуре HTML? – Harry

Ваш HTML-код кажется неправильным. 'H2' с' id' в обоих случаях не имеет '' 'в конце. Кроме того, почему у вас есть два пустых 'h2' с' id'? Вы можете сделать его более похожим на [this] (http://jsfiddle.net/hari_shanx/MXnNU/1/). Если это то, что вы хотели, дайте мне знать, и я добавлю его в качестве ответа. – Harry

Вы можете поместить два footer содержимого рядом друг с другом, используя приведенный ниже код и наценку.

Демо доступно here.

HTML:

<footer> 
    <h2 id="contact">Contact us</h2> 
    <h2 id="career">Careers</h2> 
</footer>

CSS:

footer { 
    clear: both; 
    position: relative; 
    z-index: 15; 
    bottom:0; 
    height: 5em; 
    margin-top: 8em; 
    background-color:#98FB98; 
} 
#contact { 
    width:100px; 
    padding-right: 10px; 
    display: inline; 
} 
#career { 
    width:50px; 
    display: inline; 
}

источник

2013-09-20 10:02:39 Harry

как выровнять нижний колонтитул рядом друг с другом?

ответ

Смежные вопросы