[xmaniox]

Cześć,

Jest w stanie ktoś podpowiedzieć w jaki sposób mogę zmienić css, aby ten lewy border był za obrazkiem, a nie wskakiwał przed obrazek?

div img {
width: 15%;
float: left;
margin: 10px 10px;
}

div p:nth-of-type(1) {
border-left: 3px solid gray;
padding-left: 5px;
}

#css #html

[n0xx]

@xmaniox: wywalić border-left z p i dać border-right do img ?

[xmaniox]

@n0xx: no nie do końca, bo wtedy border będzie dopasowany do obrazka, a nie do pierwszego paragrafu

[proszebardzo2]

@xmaniox: pokaz html

[xmaniox]

@proszebardzo2:

July 07 2018
This is first article
=====================


Lorem ipsum, dolor sit amet consectetur adipisicing elit. Eaque aperiam fugit animi magni voluptate porro, minus
unde ab quasi quaerat impedit ad consequatur eligendi consequuntur cum atque dignissimos! Beatae, corrupti?
Lorem ipsum, dolor sit amet consectetur adipisicing elit. Eaque aperiam fugit animi magni voluptate porro,
minus unde ab quasi quaerat impedit ad consequatur eligendi consequuntur cum atque dignissimos! Beatae, corrupti?

Lorem ipsum,

[TheBestThing]

@xmaniox: no to na pierwszym paragrafie daj border-left ¯\_(ツ)_/¯

[xmaniox]

@TheBestThing: a co zrobiłem w css?

[xmaniox]

@TheBestThing: @proszebardzo2: @n0xx:
Chodzi o to, że tak to się wyświetla

[proszebardzo2]

@TheBestThing: ma tak
@xmaniox: display: flex; na ten pierwszy p, nie pytaj czemu ¯\_(ツ)_/¯

[n0xx]

@xmaniox: To gdzieś śmiga online ? Możesz dać linka ?

[proszebardzo2]

@xmaniox: https://jsfiddle.net/y095axnb/4/

[xmaniox]

@proszebardzo2: heh, działa, ale czemu? :)

[xmaniox]

@n0xx: lokalnie to mam tylko

[proszebardzo2]

@xmaniox: nie wiem, dobrze że płacą mi za wyniki :p
display:table; też bangla

[TheBestThing]

@xmaniox: sorki, nie zauwazylem. Jak paragraf dostanie float: left i jakis wymiar to dziala