Html 将Div与项目符号列表对齐_Html_Css

Html 将Div与项目符号列表对齐

html css

Html 将Div与项目符号列表对齐,html,css,Html,Css,我试图让我的子弹正确地对准一个div图像这是我的小提琴链接：从这个例子中，你可以看到我的最后一组要点远低于其他两个相邻的要点 HTML: <body> <img src="http://luvit.xoom.it/wordpress/wp-content/uploads/2012/02/Kabokov-INGO-MAURER-210x564.jpg" alt="Lamp" class="right" /> <p>Lorem ipsum dolor sit

我试图让我的子弹正确地对准一个div图像

这是我的小提琴链接：

从这个例子中，你可以看到我的最后一组要点远低于其他两个相邻的要点

HTML:

<body>
<img src="http://luvit.xoom.it/wordpress/wp-content/uploads/2012/02/Kabokov-INGO-MAURER-210x564.jpg" alt="Lamp" class="right" />
<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.</p>

<br>

<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.</p>

<br>

<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.</p> 


<p>&nbsp;</p>
<p>&nbsp;</p>

<div style="float: left; width: 33%;">
<ul>
<li>Test</li>
<li>Test</li>
<li>Test</li>
<li>Test</li>
<li>Test</li>
</ul>
</div>
<div style="float: left; width: 33%;">
<ul>
<li>Test</li>
<li>Test</li>
<li>Test</li>
<li>Test</li>
<li>Test</li>
</ul>
</div>
<div style="float: right; width: 33%;">
<ul>
<li>Test</li>
<li>Test</li>
<li>Test</li>
<li>Test</li>
<li>Test</li>
<br>
</ul>
</div>

有人来帮忙吗？你应该把div改小些，我把宽度改为28%，但你可以改变

。对{
浮动：对；
填充：0px 0px 20px 30px；
}
p{
文本缩进：30磅；
}


知识是一种美德，是一种美德，是一种美德，是一种美德。但是，在最低限度上，我们需要一个实验室来进行日常工作。二人世界
这是一种令人厌恶的行为，因为它是一种不平等的行为。除偶尔因疏忽而死亡外，不得因疏忽而导致动物死亡


知识是一种美德，是一种美德，是一种美德，是一种美德。但是，在最低限度上，我们需要一个实验室来进行日常工作。二人世界
这是一种令人厌恶的行为，因为它是一种不平等的行为。除偶尔因疏忽而死亡外，不得因疏忽而导致动物死亡


知识是一种美德，是一种美德，是一种美德，是一种美德。但是，在最低限度上，我们需要一个实验室来进行日常工作。二人世界
这是一种令人厌恶的行为，因为它是一种不平等的行为。除偶尔因疏忽而死亡外，不得因疏忽而导致动物死亡



试验
试验
试验
试验
试验


试验
试验
试验
试验
试验


试验
试验
试验
试验
试验

不要使用宽度：在最后第三个分区中为33%，您需要的输出是什么。你能分享一张图片/截图吗？

.right {
   float: right;
   padding: 0px 0px 20px 30px;
}

.p {
   text-indent: 30pt;
}