Как иметь текст справа и слева от div

Я пытаюсь сделать заголовок с изображением слева и ссылками слева.Как иметь текст справа и слева от div

По существу, ниже:

[логотип ЗДЕСЬ] Link1 Link2 Link3

Я пытаюсь использовать divs вместо таблиц, как я могу это сделать, сохраняя «текучесть».?

вот мой CSS для контейнера:

.container { 
    width: 85%; 
    max-width: 1260px; 
    min-width: 680px; 
    background: #FFF; 
    margin: 0 auto; 
}

Это мой CSS для заголовка:

.header { 
    background: #FFF; 
    width: 100%; 
    height: 10%; 
} 
.header2 { 
    float: right; 
    width:49%; 

}

Заголовок для изображения, header2 для текста.

Вот как я это называю:

<body> 

<div class="container"> 
    <div class="header"><a href="http://www.college.edu"><img src="http://newhope.edu/images/Logo.png" alt="" name="" width="40%" id="Insert_logo" style="background: #FFF; display:block;" /></a> 
    <div class="header2"> 
    test 
    </div> 
    <!-- end .header --></div>

Если вы хотели бы видеть остальную часть кода, дайте мне знать.

Я пробовал сделать свой собственный класс, как видно header2. Мне просто нужен заголовок, который нужно разделить, и я действительно не хочу использовать таблицу.

Спасибо!

источник

2013-07-12 Jared Tillford

Я предполагаю, что вы имели в виду ссылки на «правый». Попробуйте вместо этого:

.header { 
    background: #FFF; 
    float: left; 
    width: 50%; 
    height: 10%; 
} 

.header2 { 
    float: right; 
    width: 50%; 
}

А затем убедитесь, что вы есть clear под таким образом, чтобы содержимое не скатать в, что-то вроде:

<br style="clear: both" />

источник

2013-07-12 18:20:32 NinthCrow

Спасибо за ваш ответ. Похоже, что это не работает! Он просто делает это: http://i40.tinypic.com/20gy42d.png Я бы хотел, чтобы это было сосредоточено на ПРАВИЛЬНОЙ стороне (потому что я знаю, что мой левый справа от меня, по-видимому) –

Хм ...у вас, вероятно, есть пробелы и/или поля, которые на 50% превышают фактические 50%. Попробуйте вытащить проценты. См. Здесь: http://jsfiddle.net/bebd3/ – NinthCrow

Я сделал это. Это результат, когда это делается. http://i39.tinypic.com/2r2vh91.png Любые идеи, или я просто qwopping? –

Как иметь текст справа и слева от div

ответ

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