我需要在右侧的蓝色框内位置的字“共享”,见下图:
如何使用CSS定位文本框中的文本?
我有一个包含有UL另一个专区内的字分享一个div:
- Web Design/HTML
- Design Basics
- Learn HTML CSS XML
- Careers
Share
这是CSS:
#menuBox
{
width:65%;
height:2%;
margin-left:auto;
margin-right:auto;
position: relative;
margin-top:100px;
clear: both;
background: #4789c1;
background-image: -webkit-linear-gradient(top, #4789c1, #286294);
background-image: -moz-linear-gradient(top, #4789c1, #286294);
background-image: -ms-linear-gradient(top, #4789c1, #286294);
background-image: -o-linear-gradient(top, #4789c1, #286294);
background-image: linear-gradient(to bottom, #4789c1, #286294);
}
.textMenu
{
color:white;
list-style-type: none;
margin-bottom:0px;
}
li
{
display:inline;
padding-right:10px;
padding-left:10px;
border-right: 2px solid white;
text-align:center;
}
#bigBox
{
width:65%;
height:80%;
margin-left:auto;
margin-right:auto;
margin-top:100px;
position: relative;
background-color:white;
box-shadow:0px 3px 3px 3px #C0C0C0;
}
#share
{
float:right;
position:relative;
}
我认为,这个问题是因为蓝色框上没有足够的空间来表示“共享”这个词,但我不知道如何解决这个问题,所以我尝试添加marging-left和marging-right,但那是行不通的。我也试过填充和position:absolute;但这并不能解决问题。任何帮助?谢谢
2014-01-26
Iikinz
+0
尝试把 “分享”,在同一个部门作为的“menuBox”。 –