Html 如何获取右侧的文本?

Html 如何获取右侧的文本?,html,css,image,Html,Css,Image,如何制作该文本将显示在img旁边的右侧。 使用css编码: Młody Francuz给osoba fajna elo。Lorem ipsum dolor坐在amet Concertetur,告别精英。事实上,我们需要一个非常快速的时间来解决问题。 “alt=”twarz szefa kuchni“class=”面部左侧“> 我向奥索巴·法伊纳·埃洛·洛雷姆·伊普斯姆·多尔·阿梅特·康塞特图(osoba fajna elo.Lorem ipsum Door sit amet Concertet

如何制作该文本将显示在img旁边的右侧。 使用css编码:


Młody Francuz给osoba fajna elo。Lorem ipsum dolor坐在amet Concertetur,告别精英。事实上,我们需要一个非常快速的时间来解决问题。
“alt=”twarz szefa kuchni“class=”面部左侧“>
我向奥索巴·法伊纳·埃洛·洛雷姆·伊普斯姆·多尔·阿梅特·康塞特图(osoba fajna elo.Lorem ipsum Door sit amet Concertetur)致意,并向我们的精英们致敬,我希望他能以最快的速度完成我的任务。

您需要将图像和文本放在同一个容器中。我这样做了,并添加了一个名为“box”的类,如下所示:

正文{
背景色:#6969;
字体系列:“Raleway”;
保证金:0;
填充:0;
}
导航{
背景色:#45b345;
宽度:100%;
高度:6vh;
}
导航ul{
保证金:0;
填充:0;
列表样式类型:无;
文本对齐:居中;
线高:56px;
}
李国荣{
显示:内联;
}
海军ulli a{
文字装饰:无;
颜色:#fff;
字号:1.6em;
左侧填充:50px;
}
导航ulli a:悬停{
颜色:#255325;
}
#标题一{
字号:4em;
颜色:#000;
字号:500;
}
#标题二{
字体大小:3.5em;
颜色:#000;
字号:100;
}
#头球一号,
#标题二{
文本对齐:居中;
}
#头球三{
左边距:100px;
字号:2em;
颜色:#000;
}
.面朝左{
显示器:flex;
证明内容:灵活;
边框:4px实心#45b345;
边界半径:250px;
}
#文本二{
证明内容:正确;
颜色:#fff;
}
.盒子{
显示器:flex
}
库奇尼亚·莫德戈·弗兰库扎
莫迪·弗兰库兹
斯泽夫库奇尼
我向奥索巴·法伊纳·埃洛·洛雷姆·伊普斯姆·多尔托·阿梅特·康塞特图(osoba fajna elo.Lorem ipsum Door sit amet Concertetur)致意,并向我们的精英们致敬,我希望他能成为一名临时的代表
这是一种非常迅速的疾病。

按照您的编码方法,我建议您将

            <figure>
                <img src="https://picsum.photos/200" alt="twarz szefa kuchni" class="face-left">
            </figure> 
风格如下:

.some-class {
  display: flex;
  align-items: center;
}

.some-class .face-left {
  margin-right: 15px // for example
}

我认为这很管用,希望能有所帮助

            <figure>
                <img src="https://picsum.photos/200" alt="twarz szefa kuchni" class="face-left">
            </figure> 
  <div class="some-class">
         <header><h3 id="header-three">Szef Kuchni</h3></header>
         <figure>
           <img src="https://picsum.photos/200" alt="twarz szefa kuchni" class="face-left">
        </figure>
  </div>
.some-class {
  display: flex;
  align-items: center;
}

.some-class .face-left {
  margin-right: 15px // for example
}