gpt4 book ai didi

html - css html 简单逻辑问题

转载 作者:太空宇宙 更新时间:2023-11-04 05:23:28 25 4
gpt4 key购买 nike

如何在带有文本“Room 2”的 p 标签旁边获取带有文本“jon harris”的 p 标签我试过 float 组合..但缺少一些东西..我猜。

这里是html代码:

<!DOCTYPE HTML>  
<html lang="en">
<head>
<meta charset="UTF-8">
<title>Twitter Avatar Scrolling</title>
<link rel="stylesheet" href="css/events.css" />
</head>
<body>
<div class="event">
<img src="images/red.jpg" alt="picture" />
<p>Room 2</p>
<p class="patient-name">Jon Harris</p>
<p class="event-text">This is a pixel. A flying pixel!</p>
<p class="event-timestamp">feb 2 2011 - 23:01</p>
</div>
</body>
</html>

这是CSS:

body {  
font:13px/1.5 "helvetica neue", helvetica, arial, san-serif;
}
.event {
display:block;
background: #ececec;
width:380px;
padding:10px;
margin:10px;
overflow:hidden;
text-align: left;
}
.event img {
float:left;
}
.event p {
margin:0;
padding-left:60px;
font-weight: bold;
}

.patient-name {
color: #999999;
font-size: 9px;
padding-left: 5px;
}
.event-text{
color: #999999;
font-size: 12px;
padding-left: 5px;
}
.event-timestamp{
color: #000;
padding-left: 5px;
font-size: 9px;
}

最佳答案

给你... http://jsfiddle.net/2N6tu/

你只需要把前两个<p>元素到内联元素。

关于html - css html 简单逻辑问题,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/5917585/

25 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com