CSS、HTML中的文本定位

我想定位如示例中所示的段落

最好的方法是什么？我试图在第一段写点什么，但似乎不起作用。这似乎是一个简单的解决方案，但我想找到最好的方法，所以代码是干净的，易于阅读。这是什么 在这一点上，我有点担心

我的作品

感谢您的帮助

.fotke1{
边框顶部：8px实心#029794；
位置：相对位置；
浮动：对；
右：30px；
顶部：-30em；
边界：无；
}
萨拉萨斯先生{
背景色：#EEE8AA；
宽度：220px；
高度：220px；
浮动：对；
}
#privalumas1{
字体大小：14px；
利润上限：-20px；
边缘底部：-10px；
填充：0px；
}
#特鲁库马斯1{
字体大小：14px；
利润上限：-9px；
填充：0px；
}
h3{
字号：17px；
}
privalumai先生{
左边距：12px；
边缘顶部：-12px；
字体大小：15px；
}
特鲁库迈先生{
左边距：12px；
边缘底部：-12px；
边缘顶部：-12px；
字体大小：15px；
}
凯诺斯先生{
字体大小：14px；
利润上限：-9px；
左边距：12px；
}
p、 利雅特{
宽度：380px；
断字：正常；
}
.fotke2{
边框顶部：8px实心#029794；
位置：相对位置；
浮动：对；
右：30px；
顶部：-30em；
边界：无；
}
#privalumas2{
字体大小：14px；
利润上限：-20px；
边缘底部：-10px；
填充：0px；
}
#特鲁库马斯2{
字体大小：14px；
利润上限：-9px；
填充：0px；
}

文本1

“ATI Radeon 9800 XT”ir“9600 XT”
文本2

华硕Radeon 9800 XT/TVD
privalumai:


普伊克斯·纳苏莫·雷祖尔塔泰
vaizdo Signalsoįvesties ir išvesties funkcijos
达格·普里德·兰加普伊基项目

Trūkumas

迪德尔凯纳

Kaina 1 949 litai
Bendrovė“Mikrodata”

华硕Radeon 9600 XT/TVD
privalumai:


拉拜·盖里·纳苏莫·雷祖尔塔泰
vaizdo Signalsoįvesties ir išvesties funkcijos
达格·普里德·兰加普伊基项目

Trūkumas

迪德利·图尔·库姆·内帕斯塔（dideliųtrūkumųnepastebėta）

Kaina 699 litai“Mikrodata”

下面是一个您想要的布局类型的示例。请尝试浏览以更好地理解CSS网格

.para1{
网格面积：para1；
}
para2先生{
网格面积：para2；
}
para3先生{
网格面积：para3；
}
para4先生{
网格区域：para4；
}
para5先生{
网格面积：para5；
}
img{
网格面积：img；
最大宽度：100%；
}
.条款部分{
显示：网格；
网格模板区域：
“para1 img img”
“para2 img img”
“para3 para4 para5”；
栅隙：20px；
}
p{margin:0；}

Lorem Ipsum仅仅是印刷和排版行业的虚拟文本。自16世纪以来，Lorem Ipsum一直是该行业的标准虚拟文本，当时一位不知名的印刷商拿起一个打印工具，争先恐后地制作了一本字体样本书。它不仅存活了五个世纪，而且还跨越到了电子排版，仍然是埃森理论上没有变化。它在20世纪60年代随着包含Lorem Ipsum段落的Letraset表单的发布而流行，最近随着桌面出版软件（如Aldus PageMaker）包括Lorem Ipsum版本而流行。


与流行的观点相反，《洛雷姆·伊普苏姆》并不是简单的随机文本。它植根于公元前45年的一部古典拉丁文学作品，距今已有2000多年的历史。弗吉尼亚州汉普登悉尼学院拉丁语教授理查德·麦克林托克（Richard McClintock）。


从Lorem Ipsum一段中查找一个更为晦涩的拉丁语单词Concertetur，并查阅古典文学中该词的引用，发现了无可置疑的来源。Lorem Ipsum来自“de Finibus Bonorum et Malorum”（善与恶的极端）的第1.10.32节和第1.10.33节西塞罗，写于公元前45年。这本书是一篇关于伦理学理论的论文，在文艺复兴时期非常流行。


Lorem Ipsum的第一行“Lorem Ipsum dolor sit amet..”来自第1.10.32节中的一行。自1500年代以来使用的Lorem Ipsum标准块在下面为感兴趣的人复制。西塞罗的“de Finibus Bonorum et Malorum”中的第1.10.32节和第1.10.33节也以准确的格式复制
column-count: 3;