Closed. This question needs to be more focused. It is not currently accepting answers.
Want to improve this question? Update the question so it focuses on one problem only by editing this post.
Closed 7 years ago.
Improve this question
I want to design a page in which I am creating a div which contains a paragraph and an img tag which has an image
I wish to create a layout in which I want that the image is surrounded by paragraph so is there any way to do so
That is what float was originally created for. If you float your image, the text will wrap around it.
<img class="floated-image" src="source_to_image.jpg" alt="my image">
<p>This is so cool</p>
Then use CSS to float the image:
.floated-image {
float: left;
}
Check out this working example!
Related
Closed. This question needs to be more focused. It is not currently accepting answers.
Want to improve this question? Update the question so it focuses on one problem only by editing this post.
Closed 5 months ago.
Improve this question
I'd like to make my text align from the bottom of the img.
Like below :
Do somebody knows how to make that trick ?
Use flexblox on the wrapping element, and you can then justify/align the items as needed.
<div style="display:flex;align-items:end;">
<div style="width:100px;height:100px;background-color:gray">Replace this div with image tag</div>
<span>Text text text</span>
</div>
Click here to see codepen example.
Closed. This question needs details or clarity. It is not currently accepting answers.
Want to improve this question? Add details and clarify the problem by editing this post.
Closed 8 months ago.
Improve this question
I don't want to change div tag height and width want to adjust text by using scroll or any other property, for long text or big paragraph.
Well you can add a property overflow-y:scroll.
Closed. This question needs details or clarity. It is not currently accepting answers.
Want to improve this question? Add details and clarify the problem by editing this post.
Closed 7 years ago.
Improve this question
im trying to make visible as text as now it just creates the html tag and isn't text. i've tried doing
tag {
display: block;
}
but it seemingly isn't working.
anything would be helpful thanks
To display the html tags as text you need to encode them.
For example :
<span>Hello</span>
Closed. This question needs to be more focused. It is not currently accepting answers.
Want to improve this question? Update the question so it focuses on one problem only by editing this post.
Closed 8 years ago.
Improve this question
I have alphabet links under the header. Div and link are flexible, link are close to each other at the same distance(0px). How to center link in this div?
HTML:
<div class="alph">
A
B
C
...
</div>
Assuming you haven't changed any display properties for the anchors, setting text-align: center on the containing div will center them.
.alph {text-align: center;}
Closed. This question needs details or clarity. It is not currently accepting answers.
Want to improve this question? Add details and clarify the problem by editing this post.
Closed 8 years ago.
Improve this question
I want to create a html page (blog post style) with Responsive table with images on left and Text on right . I want a blue background. and text will have links to the post page. I want to have the css inside the html head.
Any ideas how I can achieve it?
I wanna create something like this
http://www.bucaillelegacy.com/light/blog.html
Just place the image at the beginning of the text, align it to the left and the text after it will wrap around the image, give it a slight margin-right to increase the space between image and text, resulting in:
<img src="image.png" align="left" style="margin-right:10px;">Text here.