안녕하세요 아래 코드에서 이렇게 표시하고 싶습니다.
Welcome Guest Free Register Login
drop down menu
Powered by Translate
위의 모든 텍스트가 오른쪽에 표시되지 않습니다.
그러나 코드를 표시 할 때 출력은 다음과 같습니다.
dropdown Powered by Translate Welcome Guest Free Register Login
HTML
<div class="header">
<div class="container">
<div class="header-right">
<p> Welcome Guest
Free Register
Login
</p>
<div>
<select>
<option>Select Language</option>
<option>English</option>
</select>
<p>Powered by Google Translate</p>
</div>
</div>
style.css
.logo {
float: left;
}
.logo a {
display: block;
}
.header {
margin: 10px 0;
}
.header-right p {
float: right;
width: 42%;
margin-right: 10px;
}
업데이트 된 링크 :
see my site link `olisvell.com/responsivedesign/index.html` language also i want to display right
당신이 마지막 코멘트를 (당신이 조금 변경하는 경우 질문을 편집하려고), 당신이 당신을 이동해야에 대해서 <div id="logo">
에서 #navigation
에 .container
다음과 같은 몇 가지 CSS를 변경
.container{ direction: ltr }
.header-right, .header-right .right{ float: right }
.header-right span{ margin-left: 20px }
.clear{ clear: both }
<div class="header">
<div class="container">
<div class="header-right">
<p class="right">Welcome Guest<span>Free Register</span><span>Login</span></p>
<div class="clear"></div>
<select class="right">
<option>Select Language</option>
<option>English</option>
</select>
<div class="clear"></div>
<p class="right">Powered by Google Translate</p>
<div class="clear"></div>
</div>
<div class="logo">
<a href="index.html"><img src="images/logo.gif" alt=""></a>
</div>
</div>
</div>
이 기사는 인터넷에서 수집됩니다. 재 인쇄 할 때 출처를 알려주십시오.
침해가 발생한 경우 연락 주시기 바랍니다[email protected] 삭제
몇 마디 만하겠습니다